Retirar o Links das Imagens das Postagens


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/AVvXsEgCwQbGlp08wkKSNnjCWX0U_GnDpUl0SHlWX8z50g6NVrgrvx4wjig00eDwo1wmA812hlHqPiVlDTCJ7mmm1vu1VxK19CCmjzg0O9Xf6mSLHkbXQRVMCbLTUUKRDErFCytCTCGYKOidyto/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/AVvXsEgCwQbGlp08wkKSNnjCWX0U_GnDpUl0SHlWX8z50g6NVrgrvx4wjig00eDwo1wmA812hlHqPiVlDTCJ7mmm1vu1VxK19CCmjzg0O9Xf6mSLHkbXQRVMCbLTUUKRDErFCytCTCGYKOidyto/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, o código fica desse jeito:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#"><img style="display:block; margin:0px auto 10px; text-align:center;cursor: default;width: 300px; height: 100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwQbGlp08wkKSNnjCWX0U_GnDpUl0SHlWX8z50g6NVrgrvx4wjig00eDwo1wmA812hlHqPiVlDTCJ7mmm1vu1VxK19CCmjzg0O9Xf6mSLHkbXQRVMCbLTUUKRDErFCytCTCGYKOidyto/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" /></a>

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, ficando assim o código:

<img style="display:block; margin:0px auto 10px; text-align:center;width: 300px; height: 100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwQbGlp08wkKSNnjCWX0U_GnDpUl0SHlWX8z50g6NVrgrvx4wjig00eDwo1wmA812hlHqPiVlDTCJ7mmm1vu1VxK19CCmjzg0O9Xf6mSLHkbXQRVMCbLTUUKRDErFCytCTCGYKOidyto/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" />

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.

Marcadores: ,