Tutorial: Social Menu + Pequenas Mudanças

Ola!! Faz um tempinho que não posto ne , mas como eu tinha avisado que tenho as aulas agora e ainda vou ficar um pouco sem postar porque estou fazendo o novo layout. Esta quase acabando falta pequenas coisinhas la se tiver pronto mais cedo eu coloco.Vocês viram que coloquei umas coisinhas diferentes aqui no blog tipo as musicas e outros.E hoje eu estou trazendo um Menu , que se chama Social Menu. 

Live Preview 

1. Cole no seu  ]]></b:skin> o código abaixo:

.socialmenu{list-style-type:none;margin:0;padding:0;}.socialmenu li{display:inline;width: 65px;height:60px;}.socialmenu li img{width: 55px; height: 60px; border:0;margin-right: 12px; -moz-transition:-moz-transform 0.1s ease-in; -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; }.socialmenu li img:hover{-moz-transform:scale(1.8);-webkit-transform:scale(1.8);-o-transform:scale(1.8);}

2.  Cole o código abaixo onde quer que apareça:

<ul class="socialmenu"><li><a href="#"><img src="http://static.tumblr.com/sglrirq/GBmmjaws6/face1.png" title="Nome" /></a></li><li><a href="#"><img src="http://static.tumblr.com/sglrirq/e05mjawsw/flickr.png" title="Nome" /></a></li><li><a href="#"><img src="http://static.tumblr.com/sglrirq/fxemjawtc/insta.png" title="Nome" /></a></li><li><a href="#"><img src="http://static.tumblr.com/sglrirq/wgfmjawtq/tumblr.png" title="Nome" /></a></li><li><a href="#"><img src="http://static.tumblr.com/sglrirq/teimjawu3/twitter.png" title="Nome" /></a></li></ul>