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



9 coment:

  1. Acho muito legal esse menu, já tinha visto ele em um blog fica uma graçinha *---*

    Nyah Kawaii

    ResponderExcluir
  2. Ai que legal. Eu tinha visto ele aqui e tinha ficado curiosa. Amei o tutorial

    Uma Borboleta Laranja

    ResponderExcluir
  3. Fica muito legal ><
    Aah estamos com vagas na equipe lá no Nerd Kawaii
    Kissu ~~

    ResponderExcluir
  4. eu fiz tudo certinho mas ficou torto :/
    o twitter ficou certinho mas os outros ficaram longes pra direita e mais pra baixo
    o que será?

    ResponderExcluir
  5. perfeito, ajudou mt....tipo mtttttt <3

    ResponderExcluir
  6. TҺis is my fiгst time pay a visit at hеre
    and i am in fact pleassant to read all at single place.

    my web site: best golf dvd for beginners

    ResponderExcluir

Os comentários são moderados pelas donas do blog, então se você desrespeitar alguma de nossas regras seu comentário não será valido. Por favor respeite as regras para mantermos um blog organizado.

- Não xingue um postador ou ofenda algum blog,
- Se quer fazer uma critica faça, mais não criticas bobas apenas para afetar o blog ou para afetar uma pessoa.
- Quer pedir algo por favor use a Ask, para isso, pedidos de afiliação e para ser postador também são todos na ask :3
- Não estamos aqui para criar intrigas, se quer se manifestar em nossos debates por favor seja educado!
- Quando o tempo deixa nos visitamos os blogs que comentam.
- Anônimos não são mais permitidos, por problemas de plágio e uso de materiais e tutoriais sem os créditos, e como é anonimo não consigo saber quem é o culpado, espero que entenda.

Obrigada <3

« »