Como colocar uma imagem ao lado dos títulos da sidebar?

Dê uma olhada na minha sidebar)(coluna lateral)!Pode olhar, ela é bonitinha… Viu as imagens ao lado do título de alguns gadgets(elementos de página).Ficou legal, né? Quer aprender? Vamos lá:

Primeiro e principalmente faça backup do seu blog, pois se algo der errado (não dará) você restaura e tudo fica como d’antes. Agora abra seu painel do blog e clique em Layout. Aí você clica na aba Editar Html. Agora clique em Expandir modelos de widgets:



Agora, usando Ctrl+f  ou pressionando a tecla F3 procure o gadget ao lado do qual você quer colocar imagem , assim como eu fiz :



Seus gadgets precisam ter nome, daí fica fácil encontrar cada um em seu código-fonte. Achou qual você queria? Agora note que logo abaixo dele tem este trecho: <h2><data:title/></h2>.
Substitua por este:
<h2><img src="AQUI O ENDEREÇO DE SUA IMAGEM"/><data:title/></h2>
Mas, dependendo do template, pode ser que o código a ser mudado seja este:
<h2 class='title'><data:title/></h2>
Neste caso substitua por este:
<h2 class='title'><img src='ENDEREÇO DA IMAGEM'/><data:title/></h2>

Claro que você precisa ter a imagem pronta e já hospedada em um site. Nesta postagem aqui eu ensino como redimensionar uma imagem e onde hospedá-la. Outra dica é que sua imagem não deve ser muito grande. E escolha imagens criativas, de preferência diferentes das que eu usei. Seja original. Neste blog aqui tem mais de 200.000 ícones para você se inspirar!

Vá testando e visualizando até ficar do seu gosto. Depois de pronto clique em Salvar. Para cada gadget que você tiver em sua sidebar e quiser colocar uma imagem vá repetindo o processo. É muito divertido e personaliza bem o blog.

Atualização: Eu não uso mais imagens diferentes, mas aqui você confere um exemplo de como fica.
 
Quer aprender como colocar uma ferramenta de tradução em seu blog? Já ensinei aqui mas agora tem bandeirinhas animadas!

Veja o código:
<p align="center"></p><p align="center"><span style="font-weight: bold;">TRANSLATE</span></p><p align="center"><a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=en&wl_url=http://SEUBLOG.blogspot.com/"><img border="0" vspace="2" hspace="2" width="20" src="http://img225.imageshack.us/img225/2631/usaqw1.gif" height="20" title="English" /></a> <a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=es&wl_url=http://SEUBLOG.blogspot.com/" title="Spaniard"><img border="0" vspace="2" hspace="2" width="20" src="http://img236.imageshack.us/img236/6431/espanhapy4.gif" height="20" title="España" /></a> <a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=fr&wl_url=http://SEUBLOG.blogspot.com/" title="Frenchman"><img border="0" vspace="2" hspace="2" width="20" src="http://img236.imageshack.us/img236/9934/franarl8.gif" height="20" title="France" /></a> <a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=it&wl_url=http://SEUBLOG.blogspot.com/" title="Italian"><img border="0" vspace="2" hspace="2" width="20" src="http://img236.imageshack.us/img236/7387/italiack6.gif" height="20" title="L'Italia" /></a> <a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=de&wl_url=http://SEUBLOG.blogspot.com/" title="German"><img border="0" vspace="2" hspace="2" width="25" src="http://img225.imageshack.us/img225/6674/alemanhahr3.gif" height="20" title="Deutschland" /></a> </p><p></p><div style="text-align: center;"><a href="http://reidobloguinho.blogspot.com/2010/03/tradutor-bandeirinhas-animadas.html" target="_blank"></a></div>

Modifique apenas onde está SEUBLOG e depois cole em Html/javascript. Salve e veja que legal! Aprendi aqui.

Atenção!

Semana que vem tem mais. Vou contar como colocar a opção Imprimir e Enviar postagem por email. E mais umas coisinhas interessantes. Marque na sua agenda. Promete que vem?