Tutorial: Menu para redes sociais

Hóóy! :3

Tudo bem com vocês? Eu vou ser sincera, eu não estou lá muito bem, ontem fui comer a casa de uma tia minha que serviu para jantar uma comida que eu odiei !! E ainda tive de lhe dizer que estava muito boa e que eu adorei. E eu quase que vomitava só de olhar para aquela porcaria -.-'. 

Mas vamos ao post néh?!

1. abra o HTML aperte ctrl+f e procure por: ]]></b:skin> e acima coloque o seguinte código:

/***************** Menuzinho Simone (cerejadosundae) **/.caixasm{width:auto;top:-2px;left:5px;position:fixed;z-index: 100;}.navsm img{width:15px;}.navsm{background:rgba(255,255,255,0.4);line-height:16px;height:18px;margin: 1px; display: inline-block;width:18px;font-size:18px;color:#777;padding:4px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;float:left; }.navsm:hover {padding-top:20px; margin-top:0px; }

2.Salve e depois vá a layout e abra um gadget e coloque o seguinte:

<div class="caixasm"><a href="LINKDOTWITTER" title="follow me"><div class="navsm"><img src="http://cdn1.iconfinder.com/data/icons/Helveticons_Social/128/twitter.png" /></div></a><a href="LINKDOFACEBOOK" title="Facebook"><div class="navsm"><img src="http://cdn4.iconfinder.com/data/icons/black-icon-social-media/128/099304-facebook-logo.png" /></div></a><a href="LINKDOINSTAGRAM" title="Insta"><div class="navsm"><img src="http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/instagram.png" /></div></a><a href="LINKDOINSTAGRAM" title="Insta"><div class="navsm"><img src="http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/instagram.png" /></div></a><a href="LINKDOAJUDA" title="help"><div class="navsm"><img src="http://cdn4.iconfinder.com/data/icons/defaulticon/icons/png/64x64/help.png" /></div></a></div>

A negrito está o que você deve editar.

Também pode editar os icons.

Beijos e até ao próximo post :)