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.
