segunda-feira, 13 de dezembro de 2010

Como colocar imagens "não clicáveis" (não ampliar) no blogger




Muitos blogueiros querem imagens não clicáveis provavelmente porque eles não querem que suas imagens, especialmente a versão maior seja copiada. O que precisamos fazer é após o upload de uma imagem, alternarnarmos para o modo Editar HTML. O procedimento vai variar conforme você use o modelo novo ou o antigo.



Para o modelo antigo:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_jizoPL28qCY/SpEIlvjfinI/AAAAAAAADBo/nYU8u4C1_6Q/s1600-h/BlogStar.gif"> <img style="display:block; margin:0px auto 0px; text-align:center;cursor:pointer; cursor:hand;width: 178px; height: 67px;" src="http://.blogspot.com/_jizoPL28qCY/SpEIlvjfinI/AAAAAAAADBo/nYU8u4C1_6Q/s400/BlogStar.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5373085274943228530" /> </a>


Note que apenas precisamos do código em branco para exibir a imagem. Essas linhas destacadas em vermelho não são necessárias para exibir a imagem e podem ser removidas tornando as imagens não clicáveis.


Para o modelo novo:

 <div class="separator" style="clear: both; text-align: center;">
<A href = "http://2.bp.blogspot.com/_jizoPL28qCY/TJd1Iv7emMI/AAAAAAAADiE/8aV0WwnWI4g/s1600/BlogStar.gif" imageanchor = "1" style = "margin-left: 1em; margem direita: 1em ; "<img border="0" src="http://.blogspot.com/_jizoPL28qCY/TJd1Iv7emMI/AAAAAAAADiE/8aV0WwnWI4g/s320/BlogStar.gif" /> </a> </div>



Novamente com o código para exibir a imagem em preto e os códigos em vermelho são para tornar a imagem clicável para exibir uma imagem ampliada. Os códigos em azul é para centralizar a imagem. Portanto, basta excluirmos as linhas em vermelho.

14 comentários:

Santix disse...

Marcelo tenho dúvidas;
Estas alterações podem ser realizadas após a postagem?Ou só quando no momento da postagem?
Porque quando recebi esta dica já tinha postado o artigo com imagens,e tentei alterar,(Editar Mensagem),só que não me aparecem as tais linhas vermelhas.
Obrigado

Marcelo disse...

Santix,

Você pode fazer antes ou depois de publicar, não faz diferença. Procure por "<img" e apague o que estiver antes disso.

Abrçs.

Santix disse...

Obrigado Marcelo,mas o que consegui foi desformatar as imagens.Fiz exactamente tudo como me indicaste,mas não deu.
Peço que coloques aqui uma dica de como sabermos qual o nosso modelo de Blog;novo ou antigo.
Quando se é maçarico,(conheces esta expressão?)é-se toda a vida.Hi Hi Hi
Abraço

Marcelo disse...

Não Santix, não conheço a expressão =)
Pode mandar o código para o meu e-mail que te falo. Blza?

Santix disse...

Olá Marcelo.Sobre a expressão "maçarico" passo a decifrar o seu significado;
Maçarico=aparelho de soldar;soldado que ainda não terminou a instrução militar=recruta;e por fim pessoa com pouca experiência=aprendiz,novato na matéria.
É nesta última que me insiro no comentário atrás.
Quanto ao código enviar-te-ei por mail.
Obrigado.
Abraço

Mai disse...

Olá, Marcelo,

venho seguindo teu blog e à medida de meu interesse tenho tentado fazer algumas alterações.

Não sei se ocorre algum problema mas não venho conseguindo.

www.inspirar-poesia.blogspot.com


muito grata

Marcelo disse...

Olá Mai, Muito Obrigado;

Pode me explicar melhor o que não está conseguindo?

Se preferir pode mandar no e-mail de contato.

Abrçs.

World of Mel disse...

Oi Marcelo so uma duvida ok...Para imagem nao clicavel, seria apenas o codigo vermelho é isso ?
Obrigada !

Marcelo disse...

Isso. Basta excluí-lo.

Certo?

Kukinha Kriativa disse...

Oi Marcelo
Nao consigo identificar se o meu blog e do modelo antigo ou recente. Agradecia a sua ajuda. Penso que talvez seja melhor enviar o html via mail

Marcelo disse...

Kukinha, de uma olha em Design, Editar Html e veja o que está escrito lá embaixo.

Abrç.

jhon barbosa disse...

vlw consegui procurei por <img apertando ctrl+f e apaguei o qeu atava antes e prestou. vlw gosto bastante das dicas e consegui fazer muitas coisas.

Mariza Sales disse...

Ola Marcelo. Socorro amigo Não sei o que fiz que meu blog não aparece nada. Esta tudo la mas quando mando visualizar não aparece. Pode me ajudar? Meu blog é mimosbyscrap.blogspot.com
Grata por sua atenção

Marcelo disse...

Oi Mariza Sales, não entendi, o problema persiste?

Abrç.

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...