Arquivos do Website:

Como retirar o link clicável de uma imagem postada nos artigos do blog?


Retire o link das imagens que você posta nos artigos do seu blog, para evitar que usem as imagens em outros lugares, aproveitando-se dos links fornecido pelo seu servidor! Além, de muitas vezes copiarem os artigos do seu blog, muita gente ainda copia o link, descaradamente de uma imagem que você postou no seu blog! Para atrapalhar um pouco, convém você retirar o link da imagem antes de publicar ela junto com o artigo. Veja como é bem simples fazer isso, basta seguir as orientações abaixo:



Imagem: Mads Boedker

Postando imagens sem links nos artigos de blogs hospedados na plataforma Blogger:

A)Faça upload da imagem no modo escrever, e adicione ela ao editor de texto do blog;
B)Depois que ela estiver no editor de texto do blog, você clica no link "Editar HTML", que se encontra no canto superior direito do editor de texto;
C)Agora será mostrado o código da imagem, que deve ser parecido com este abaixo:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-5QPU5V32T-k/ThX3jwtoD-I/AAAAAAAAE3k/DTrlk7A1Lx4/s1600/foto+de+carro+com+design+de+cal%25C3%25A7ado.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-5QPU5V32T-k/ThX3jwtoD-I/AAAAAAAAE3k/DTrlk7A1Lx4/s320/foto+de+carro+com+design+de+cal%25C3%25A7ado.jpg" width="320" /></a></div>

D)Para retirar o link clicável da imagem, você deve apagar todas as linhas que estão na cor vermelha; o código da imagem deve começar em: <img e terminar em: />. O link não clicável de endereço url da imagem, ficou destacado na cor azul.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-5QPU5V32T-k/ThX3jwtoD-I/AAAAAAAAE3k/DTrlk7A1Lx4/s1600/foto+de+carro+com+design+de+cal%25C3%25A7ado.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-5QPU5V32T-k/ThX3jwtoD-I/AAAAAAAAE3k/DTrlk7A1Lx4/s320/foto+de+carro+com+design+de+cal%25C3%25A7ado.jpg" width="320" /></a></div>

O resultado do código para uma imagem sem link clicável, deve ser parecido com este abaixo:

<img border="0" height="240" src="http://4.bp.blogspot.com/-5QPU5V32T-k/ThX3jwtoD-I/AAAAAAAAE3k/DTrlk7A1Lx4/s320/foto+de+carro+com+design+de+cal%25C3%25A7ado.jpg" width="320" />

Para posicionar a imagem sem link clicável nos artgos do seu blog, coloque o código da sua imagem no local indicado, dentro deste código abaixo: Right= posiciona a imagem à direita, Left= posiciona a imagem à esquerda e Center= posiciona a imagem no centro.

<div align="center"> CÓDIGO DA IMAGEM AQUI! </div>