Aqui uma dica para os que ainda estão começando a blogar, e ainda não conhecem as principais funcionalidades e gadgets do Blogger. Quando eu ainda estava aprendendo a blogar, queria a qualquer custo colocar uma imagem na barra lateral, e como não entendia HTML só consegui fazer isto quando descobri este gadget. Então aqui está a dica para os que não conhecem.
Para adicionar uma imagem na barra lateral de seu blog, há dois modos. Um é usando HTML básico, a outra é a que mostraremos aqui. Então, faça o seguinte.
1. Vamos para a página
Layout, à partir de seu painel no Blogger.
2. Clique em
Adicionar um Gadget.
3. Escolha a opção
Imagem, que é como a figura acima mostra.
4. Aí, carregue a imagem que quiser, ponha um link para a imagem no campo
Link; ponha uma legenda, se quiser, e um título para o gadget. Clique em
Salvar.
Pare para um descanso...
5. Ainda na página
Layout, vamos para
Editar HTML.
6. Clique em
Expandir modelos de widgets.
7. Aí, busque o título do gadget da imagem. Digamos que eu criei um gadget onde carreguei a imagem, coloquei um link na imagem e salvei. O título deste gadget pode ser
Imagem. Após achar o nome, veja o código, que será como o abaixo:
<b:widget id='Image1' locked='false' title='Imagem' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data: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>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
O trecho do código acima, logo no começo, que marquei com vermelho, é o título do gadget, que você terá achado na tag.
8. Logo abaixo do título, ache o trecho
<a expr:href='data:link'> que acima eu marquei em verde, e substitua-o por
<a expr:href='data:link' target='_blank'>. A seguir salve as alterações no template, e confira se está funcionando.
Conferindo as atualizações de meus sites favoritos hoje, achei esta bela coleção de ícones para sites ou blogs disponível sem restrições no site Free Icons Web, um de meus favoritos na busca de ícones para uso em blogs. Os ícones podem ser baixados em formato .zip . Para isto é só acessar este link: http://www.freeiconsweb.com/free_developers_icons.html e clicar no ícone Download, no fim da página. 
