Tutorial: Colocando Ícone na Lista de Links

Olá Galera :)
Estava Precisando inserir mais páginas aqui no blog e não queria modificar o menu principal, busquei algumas inspirações para criar um menu vertical e descobri como colocar ícones na lista de links, testei, funcionou, e  preparei esse tutorial pra vocês :3


"Claro que você vai precisar de muito cuidado ao modificar o Html do seu blog, por isso é recomendado que você faça um Backup antes que modifique." 

01. Crie uma lista de links em "Adicionar um  Gadjet", adicione os endereços e o que vai aparecer no lugar do link;

02. Em "Editar Modelo Html" procure : " <a expr:href='data:link.target'><data:link.name/></a>  ". No início desse código temos " <li> ", depois da abertura de "li" coloque o seguinte código " <img src='meu icone' style='border:0px;'/> " , ficando assim : ''<li><img src='meu icone' style='border:0px;'/> <a expr:href='data:link.target'><data:link.name/>''.

03. Crie seu ícone com o tamanho 15x15, hospede na internet e copie seu link. Agora você trocar as palavras meu icone pelo o link da sua imagem que já está hospedada.

04. Salve! :3

Espero que tenham gostado do Tutorial :3 

Um abração e até o próximo!