Menu para redes sociais

Hello minhas doçuras de coco ~~~ヾ(＾∇＾)おはよー♪. Tudo bem com vocês? Eu ando bem e estou bem ansiosa para disponibilizar pra vocês o layout especial que eu prometi quando o blog alcançasse a meta de mais de cinquenta postagens. Eu já terminei ele, bom, na verdade ele é o antigo template aqui do Summer Things que eu resolvi colocar como layout free. Como todo mês irei mudar de layout, isso significa que todo mês vocês vão ter um template disponibilizado., fora os das metas e blá blá blá.

Hoje eu trouxe um tutorial de menu. Faz tempo que não posto esse tipo de coisa aqui, então resolvi postar hoje. Ele é original do tumblr I love themes (www), mas achei ele no blog Bunny Crazy, (www) então deêm créditos aos dois ok? Caso queiram ver a preview do menu cliquem aqui (♥)! Vamos ao tutorial?

1- Abra o seu HTML e procure por ]]></b:skin> e acima dele cole 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. Em seguida, vá no layout do seu blog e adicione um novo gadget JAVA/SCRIPT com o seguinte código:

<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>