Existem varias maneiras de colocar uma ferramenta de zoom nas imagens das postagens http://www.blogger.com/img/blank.gif do seu blog, isso é mostrar a imagem publicada em tamanho original (geralmente maior do que aparece no post), por exemplo: Fazer o efeito LightBox - Imagens em Destaque Mas usamos um código bem simples que despertou a curiosidade de alguns leitores que nos escreveram por email. Então vamos mostrar o código para fazer a imagem da postagem aparecer no inicio do blog logo abaixo do título.

Você pode ver uma demostração disso clicando aqui para ver nosso tutorial com dicas para criar um blog de sucesso.


A nossa ferramenta para ampliar as imagens no próprio blogger é bem simples você só precisa adicionar um gadget de html/javascript com o seguinte código:
<script language="JavaScript" type="text/javascript"> var variaveis=location.search.split("?ampliar"); var site = variaveis[1].split("="); document.write('<center><img style="border: solid 1px #000000;padding:2px;background-color: #FFFF00" src="'+site[1]+'"/></center>') </script>
Posicione logo abaixo do título, pois quando a imagem aparecer ela terá o espaço necessário para exibir a imagem em tamanho natural.

Depois disso é só modificar o código do link das imagens quando enviar para o blogger veja abaixo o código original da imagem.


<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73N-_Kila43m8hRyoVrjGApEEw5tb879g34pfA6Sam5Un7_4LDoC4bslYwVFTKXNTdRkuQRVo68cQ47tA4_OpDJU85N-0jgg8fBK0b6ubzo7FPlvOfMCppDzhunafwit2rL23tLicf50/s1600/blog-sucesso.jpg"><img...........

Coloque o endereço da pagina individual da postagem mais o trecho ?ampliar=, então o código fica deste jeito:


<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.dicasparablogs.com.br/2011/03/segredos-para-criar-um-blog-de-sucesso.html?ampliar=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73N-_Kila43m8hRyoVrjGApEEw5tb879g34pfA6Sam5Un7_4LDoC4bslYwVFTKXNTdRkuQRVo68cQ47tA4_OpDJU85N-0jgg8fBK0b6ubzo7FPlvOfMCppDzhunafwit2rL23tLicf50/s1600/blog-sucesso.jpg"><img...........

Esse procedimento tem que ser feito em cada imagem ainda não temos uma maneira de aplicar em todas as postagens automaticamente.
O gadget que adicionou ficará invisível somente aparecendo quando tiver um endereço de imagem após a palavra ampliar. Já publicamos diversas postagens usando esse código e testamos nos navegadores Firefox, Internet Explorer e Google Chrome sem problemas.

Esse código funcionaria também se colocasse somente “?ampliar” antes do endereço da imagem sem o endereço da postagem, mas não recomendamos fazer isso senão futuramente se retirar o gadget onde a imagem em tamanho natural aparece e alguém clicar na imagem aparece a mensagem de pagina não encontrada.