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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0cprThIYzDii5d8FUT86IcStYK_tbL00PpThSOyY5yaZF8_k2abfgrkyRFigk_ko9R6z8MT_b1cZc7mQ0BungafSUSLmsPOWKPQXjZTLOp-dSluBGNfN6_dsJDGRdTaat6U3qsksc6-Wi/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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifEAscF_JEDHmIeAzs48PZP1_QPNkvz1p1wuwdSmY4KOWj3ja7V7JKzt_hxEh-k7iAjauCZxULQUGtn-Eced40pnmnzBQ5Ns6MwqhuRasjda61lfiAgDnU9xEm7aCkwQSkKBnS7HJC_SmH/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.

11 comentários:

Priscila 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.

Priscila 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?

Sueli Maia (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

Priscila 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 !

Priscila 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

Priscila 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

Priscila disse...

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

Abrç.

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...