Visualização para celular!

Imagem da Postagem

Depois de colocar alguns códigos que bloqueiam o botão direito do mouse, teclado e outras coisas surge um novo problema nas imagens das postagens é possível clicar nelas e abrir numa nova janela onde é possível copiar facilmente, então precisamos impedir que a imagem da postagem tenha um link para a própria imagem. Para resolver isso é bem simples: basta trocar o link para a imagem por # no código gerado pelo blogspot.
No caso da imagem postada acima o código original quando postei a imagem era:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) 
{}" 
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvawAJKc5kaDDMk5voJSsCJpVqe4JSqZ4nSocZHk90m1V1IWv3JbdOfz90iQLNWxmgzVMDaFgbMOzL7ZZegLaTe2p47_RTcLvkPl7leeKL7XZQj0ouya44bOd1gmk7F5i-S4-rGO7JiHo/s1600-h/imagem.jpg"><img
 style="display:block; margin:0px auto 10px; 
text-align:center;cursor:pointer; cursor:hand;width: 300px; height: 
100px;" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvawAJKc5kaDDMk5voJSsCJpVqe4JSqZ4nSocZHk90m1V1IWv3JbdOfz90iQLNWxmgzVMDaFgbMOzL7ZZegLaTe2p47_RTcLvkPl7leeKL7XZQj0ouya44bOd1gmk7F5i-S4-rGO7JiHo/s320/imagem.jpg"
 border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" 
/></a>



Então no começo dele depois de href=" troque esse endereço por #, apague cursor:pointer; cursor:hand; e coloque no lugar cursor: default; isso faz não aparecer a mãozinha no lugar do cursor.


E pronto agora mesmo que clicar sobre ela nada acontecerá.


Outra maneira de fazer isso é deixar apenas a parte do código que é a imagem e retirar o link, no caso do exemplo acima deixe apenas o que está entre , e apague cursor:pointer; cursor:hand; neste caso basta apagar não é preciso colocar nada pois o mouse não muda ao passar sobre a imagem.


As duas explicações funcionam do mesmo jeito é apenas uma questão de qual achar mais fácil fazer, porém no caso de postar uma imagem maior que será reduzida automaticamente pelo blogspot não tem como usar essa explicação. O que resta a fazer então é publicar em um site de hospedagem de imagem (Photobucket ou ImageShack) e depois colocar o código aqui, claro se a largura do seu blog for suficiente para isso senão terá mesmo que reduzir o tamanho da imagem.

FONTE: DICAS PARA BLOGS 

Nenhum comentário:

Postar um comentário

Leia antes de comentar.
Comentários com insultos ou escritos em miguxês serão excluídos.
Não faça spam, comentários com endereço ou links de blogs serão deletados.
Muitas pessoas tem acesso a esse blog portanto não deixe seu email ou senha nos comentários

Related Posts Plugin for WordPress, Blogger...

Link para compartilhamento


Gerador de Caixinha link-me