Menu - Rede Sociais

<3
Bom Dia moranguinhos. Sinto em estar postando tão cedo deste jeito, mas é que uma luz me acordou hoje - literalmente. Como não conseguia dormir, e o joguinho do Mário já havia me estressado o suficiente deu tanto morrer, resolvi ligar o computador da minha irmã e fazer o último pedido que havia na Ask. Me pediram para ensinar a fazer o menu de redes sociais que uso aqui no blog, pelo que entendi. 
O menu, é esse que fica suspenso ali acima. Ele desliza com a página, caso não tenham percebido e é simples e fofinho. Parece um menu que o KW ensinou, só que esse é menor. Se quiserem ver o menu é só clicar aqui. Ele está no começo da página. Achei ele no AN, se não me engano. Mas, ele é deste Tumblr aqui.
Em primeiro lugar, vamos em Modelo>Editar HTML. Procure por ]]></b:skin> e acima da tag, cole:
/***************** 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; }
Não precisa editar nada. Sério. Está tudo certinho.
Agora, vá em Layout>Adicionar Gagdet>HTML/Javascript. Nesse novo gadget, 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> 
 Marquei em negrito os links, itálico o nome da rede social e sublinhei as imagens das redes sociais. Caso queira mudar a imagens, aqui tem algumas legais. É só procurar.
Gostaram?
/Ana

8 comentários:

  1. Valeu,Ana era esse menu podia ser de qualquer jeito

    ResponderExcluir
    Respostas
    1. Caso precise de algo mais, é só falar. Hum, ok.

      Excluir
  2. Achei muito simples e bonito :)
    Aceita afiliação ?

    http://fantasy-kawaii.blogspot.com.br/

    ResponderExcluir
  3. Uma fofura esse menu, vou usar ele no meu proximo layout >////<

    Nyah Kawaii

    ResponderExcluir
  4. Não funcionou no meu blog flor! :\ Simplesmente apenas o ícone do twitter que ficou no topo, o resto fica no gadget onde eu coloquei.. Poxa queria tanto usá-lo!! Mas valeu a intenção! :(
    http://candyhelp.blogspot.com.br/ (fechado para lay)

    ResponderExcluir
    Respostas
    1. Não entendi, comigo deu certinho :/

      Verifique se os códigos estão abertos/fechados corretamente.

      Excluir