Menu para redes sociais no topo do blog

~~Olá moebas~~

Minha net voltou ao normal mesmo ( uuuh comemora todo mundo )

Ok', trouxe o tutorial desse menu que eu uso no topo do blog que ele desliza quando voces vão rolando a página, ele é bem simples, e foi pego do tumblr,  é fácil de aplicar mais eu tive pequenos problemas, então irei passar o tuto de como eu apliquei ele em meu html,

Se vc não sabe de qual menu estou falando é esse aqui ( x ) prontinho? vamos lá então...

Primeiramente, os codigos e tutorial do menu foi pego no Tumblr I love Themes,

eu mudei uma pequena parte do tutorial na aplicação do codigo no html,

1. abra seu html  procure por ]]></b:skin> e cole o codigo a seguir acima da tag procurada,

/***************** 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, agora vá no seu layout, e clique no seu primeiro gadget, ( pode ser um gadget que já esteja sendo usado, tipo o welcome ) e cole esse codigo nele :

<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"></a></div><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"></a></div><a href="LINKDOINSTAGRAM" title="Insta"><div class="navsm"><img src="http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/instagram.png"></a></div><a href="http://ilovethemes.tumblr.com/" title="Onde encontrei esse menu"><div class="navsm"><img src="http://cdn4.iconfinder.com/data/icons/defaulticon/icons/png/64x64/help.png"></a></div></div>

Se voce quiser modificar as imagens terá que achar icons parecidos com esses, e colar onde tem os links com final .png ok? bom.. substitua oque se pede e faça bom uso..

Créditos ILT, Kissus