Menu superior com imagens

Muitas pessoas procuram um menu superior com imagens, agora vou mostrar como colocar um menu como esse no blog.

Primeiramente vá no painel de controle do seu blog e clique em Design>Elementos da página>Adicionar gadget>HTML/JavaScript e cole o codigo:



<div id="container_dock">
<div id="dock">
<a href="ENDEREÇO DO SEU BLOG"><img src="http://www.ferramentasblog.com.br/imagens/128-home.png" alt="Página principal" /> </a>
<a href="mailto:SEU EMAIL"> <img src="http://www.ferramentasblog.com.br/imagens/128-email.png" alt="Contato" /> </a>
<a href="ENDEREÇO DO SEU FEED"> <img src="http://www.ferramentasblog.com.br/imagens/128-Feed.png" alt="Assinar Feed" /> </a>
<a href="ENDEREÇO DO SEU TWITTER" target="_blank"> <img src="http://www.ferramentasblog.com.br/imagens/128-twitter.png" alt="Seguir no Twitter" /></a>
<a href="FACEBOOK" target="_blank"> <img src="http://www.ferramentasblog.com.br/imagens/128-facebook.png" alt="Adicionar ao Facebook" /> </a>
</div>
</div>

Após colar em HTML/JavaScript e fazer as alterações no script salve e coloque o Gadget na parte que desejar do blog