Vamos supor que você tenha subido direto do seu micro, uma imagem para o seu blog no Novo Blogger. Até aí tudo bem, pois o Blogger te dá essa opção através do painel de controle, modelo/layout, adicionar novo elemento na página, imagem. Tá, mas, daí que você gostaria de transformar essa imagem num link (qualquer link). Eis então um truque bem simples prá conseguir isso.

1. Suba e adicione a imagem que você quer usar como link como um novo elemento na página;
2. Salve;
3. Vá em Layout/Modelo, clique em ‘Expandir widgets’ e procure no seu template pelo código da imagem que você acabou de subir. Você vai achar esse código: <b:widget id=’Image1‘ locked=’false’ title=” type=’Image’>
   <b:includable id=’main’>
   <b:if cond=’data:title != ""’>
   <h2><data:title/></h2>
   </b:if>
   <div class=’widget-content’>
   <img expr:alt=’data:title’ expr:height=’data:height’ expr:id=’data:widget.instanceId + "_img"’ expr:src=’data:sourceUrl’ expr:width=’data:width’/>
   <br/>
   <b:if cond=’data:caption != ""’>
   <span class=’caption’><data:caption/></span>
   </b:if>
   </div>
   <b:include name=’quickedit’/>
   </b:includable>
   </b:widget>
4. Adicione um pequeno código que vai indicar o caminho da url/endereço do link, antes da tag <img expr:(…) e outra porção do código depois da tag ‘(…)’data:width’/>. Veja as partes em negrito que você tem que adicionar: <center><a href=’url_do_link’><img expr:alt=’data:title’ expr:height=’data:height’ expr:id=’data:widget.instanceId + "_img"’ expr:src=’data:sourceUrl’ expr:width=’data:width’/></a></center>. O atributo center é opcional só se você quiser centralizar a imagem.
5. Pronto! Veja os exemplos nas imagens abaixo. Veja que a widget Image1 pode ter outro número, dependendo de quantas imagens você já tenha subido para o seu blog. O importante é localizar a imagem que você quer que seja um link.
6. Veja o teste que eu fiz no meu outro blog sobre o Photofiltre. Espero que gostem!

This entry was posted Filed under Códigos Para O Novo Blogger, Dicas, Novo Blogger.