Como deixar uma imagem inclicável no seu Blog

Já reparou que em alguns sites ou blog algumas imagens não podem ser clicadas e em outros permitem serem clicadas abrindo em uma nova aba?. Isso pode ser uma coisa muito chata já que clicar acidentalmente não é algo raro, e sempre que alguém clica como falei anteriormente, o leitor é levado para o link da imagem saindo do seu site ou blog.

Vou mostrar como fazer com que as imagens do seu site ou blog não fiquem clicável, ou seja,  se alguém clicar na imagem nada vai acontecer.

978

O único problema é que você terá que fazer isso em cada imagem a partir de agora, o que significa que as imagens das postagens anteriores você terá que fazer essa modificação manualmente em cada postagem, trabalho que você pode ir fazendo aos poucos já que é algo fácil.

Imagem inclicável no Blogger

Em alguma postagem o seu blog adicione uma imagem clicando no ícone e uma imagem e depois em “HTML

978789Vai aparecer o código da imagem, dessa forma ela está clicável, agora vamos fazer as modificações que deixam inclicável.

No código remova toda essa parte em vermelho, preste bem atenção no final do código para remover o </a> que muita gente esquece.

[box type=”download” icon=”none”]<a href=”http://1.bp.blogspot.com/-PTbSwQ1phoA/UVDNqLnCLOI/AAAAAAAALzI/n_IJXP1HR5o/s1600/3.PNG” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ height=”245″ src=”http://1.bp.blogspot.com/-PTbSwQ1phoA/UVDNqLnCLOI/AAAAAAAALzI/n_IJXP1HR5o/s320/3.PNG” width=”320″ /></a>[/box]

O código ficará da seguinte forma

[box type=”download” icon=”none”]<img border=”0″ height=”245″ src=”http://1.bp.blogspot.com/-PTbSwQ1phoA/UVDNqLnCLOI/AAAAAAAALzI/n_IJXP1HR5o/s320/3.PNG” width=”320″ />[/box]

Imagem inclicável no WordPress

Da mesma forma do blogger em alguma postagem adicione uma imagem clicando em “Adicionar Mídia“.

98798

Agora clique em “Fazer upload dos arquivos“, clique em “Selecionar arquivos” e selecione a imagem e por fim clique em “Inserir no post“.

798754

Agora clique em “Texto“.

987988979Vai aparecer o código com a imagem ainda clicável, agora vamos deixar inclicável.

Remova o código destacado em vermelho prestando bastante atenção para o </a> no final o código.

[box type=”download” icon=”none”]<a href=”https://www.espacoblog.com/wp-content/uploads/2013/03/3.png”><img alt=”3″ src=”https://www.espacoblog.com/wp-content/uploads/2013/03/3.png” width=”354″ height=”272″ /></a>[/box]

O código ficará da seguinte forma

[box type=”download” icon=”none”]<img alt=”3″ src=”https://www.espacoblog.com/wp-content/uploads/2013/03/3.png” width=”354″ height=”272″ />[/box]

Pronto! Fácil demais.

Veja um exemplo!

Imagem clicável

3

Não clicável

3

Relacionados: