• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

3 de janeiro de 2013

Menu para redes sociais

Tumblr_m2lsw7g2v31qb1ifho1_500_large
Hooý chocos, trouxe um menu super fofo, na verdade ele é de tumblr mas converti para blog, deu certo.

Vamos lá?!
x créditos

Primeiro vá no painel do blog e clique em Modelo> Editar HTML> e procure por:

]]></b:skin>

e cole acima dele:

/***************** 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; }


Depois de feito isso, vá em Layout > Elementos da Página e clique em HTML/ JavaScript e cole:


<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>
Negrito -link e o Sublinhado - nome.


Feito isso seu menu estará pronto!

 Espero que tenham gostado!

18 comentários:

  1. Adorei obrigada pela ajuda flor *-* achei lindo o menu.

    1ahistoria.blogspot.com.br

    ResponderExcluir
  2. lindo o menu , talves eu use no lay free que eu estou fazendo :)

    aceita afiliação ?
    http://diamond-citric.blogspot.com/

    ResponderExcluir
  3. Adorei e deu certinho no meu blog haha adorei seu blog e to seguindo para companhar e segue de volta favor? e tem post novo lá http://meninascapricho-dada.blogspot.com.br/2013/01/look-do-dia-vermelho.html beijos

    ResponderExcluir
  4. Nossa, super lindo *-*
    Adorei! haha

    eu-cotidiano (perfil)

    ResponderExcluir
  5. Oi, eu desculpo você sim !
    Eu jurava que o post era seu pois não conhecia o blog.
    Eu peço mil desculpas, Um grande beijo !
    Hannah

    ResponderExcluir
  6. eu fiz o tutorial e tals, mas só o icon do twitter fica em cima, os outros não :c
    você pode me ajudar?

    ResponderExcluir
  7. Muito delicadinho, gostei ;)
    Pode dar uma olhadinha no meu blog? Bjos
    http://cafecomliivro.blogspot.com.br/

    ResponderExcluir