09/04/2014

Menu Slide Open Heart para rede social


Olá queridos como vão? Que agradecer por todos que gostaram dos layouts free e pelos comentários lindo e carinhosos, ainda estou a moderar alguns e retribuir visitas mas não quero demorar muito a postar. Hoje passeando pela web me deparei com um menu para rede social, ele é bem chamativo mas não resisti em posta-lo. Ele se chama Slide Open Heart, ele não é bem um menu mas não sabia como chama-lo... o legal dele que não precisa adicionar códigos em gadget, apenas no HTML. Se não me engano esse tipo de código se chama BookMarking Gadget, mas vamos falar do menu, né? Ele é literalmente um coração e um ovo, que ao passar o mouse se abre e expõem botões de rede social.

Sei que coração é algo mais feminino, então pouco garotos irão usar. Então trouxe um outro modelo parecido com um ovinho, não é tão masculino é mais unissex. De toda forma espero que possam gostar do efeito dele, eu não modifiquei nada pós os códigos não são meus rsrs

Primeiro modelo:


1. Primeiro procure pela tag </head> , assim que encontra-la abaixo dela cole isso:

Códigos
<!-- Start Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ -->

Por favor, não remover os créditos do criador e site original de dentro do código.

2. Agora procure por </body> e abaixo dele cole:

Códigos
 <!-- Start Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://www.helplogger.blogspot.com/">Blogger Gadgets</a>
<!-- End Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ -->

Primeiro modelo:

 ~Preview~

 1. Primeiro procure pela tag </head> , assim que encontra-la abaixo dela cole isso:

Códigos
<!-- Slide Out Egg Social Bookmarking Widget Starts -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- Slide Out Egg Social Bookmarking Widget Ends -->

 2. Agora procure por </body> e abaixo dele cole:

Códigos
<!-- Slide Out Egg Social Bookmarking Widget Starts -->
<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;
    ,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});
</script>
<!-- Slide Out Egg Social Bookmarking Widget Ends -->

Os créditos desse lindo gadget vai para o Helplogger, por favor ao usar creditem. Eu vou terminando a postagem por aqui, não quero deixar muito grande. Espero que tenham gostado meus lindos, beijinhos e ate a próxima.

36 comentários:

  1. Noss, muito legal, rs, amei o.o

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

    ResponderExcluir
  2. Wendy....como conseguiu colocar o botão de seguidores..
    Na barra de rolagem?
    Bjs >3<

    ResponderExcluir
    Respostas
    1. Coloquei ele como gadget flutuante ^^ e coloquei encaixando nos seguidores, farei uma postagem explicando melhor.

      Excluir
  3. Anônimo10/4/14

    A que bom Wendy os layouts estavam lindos >3< eu adorei mesmo ambos e adorei esse menu mds que fofo e diferente <3 nunca tinha visto um desse tipo eu adorei ele bjkss
    Things of Kawaii :3

    ResponderExcluir
    Respostas
    1. Hihi que bom. >3<
      Também achei ele bem diferente por isso achei legal postar, apesar que se fosse para mim usar diminuiria um pouco. Mas obrigada por gostar Bea-chan. <3

      Excluir
  4. Amei o menu, quem sabe eu use ele no futuro u3u
    Kisses Wendy ♥

    milk-exo.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada por usar, hehe quem sabe, né? Mas torço que sim.

      Excluir
  5. Olá Drw, novamente eu estou aqui! Nossa que menus legais, posso usar no meu próximo lay? e uma perguntinha, dá pra mudar, exemplo: no lugar do coração eu coloco uma imagem que eu quiser?? Amei *V*
    ~Beijos | T-eamachine.blogspot.com

    ResponderExcluir
    Respostas
    1. Bem vinda novamente, muito obrigada por visitar me novamente. Claro pode sim. Dá sim para mudar, mas o código de personalização dene fica dentro desse código: http://w.sharethis.com/gallery/shareegg/shareegg.css
      teria que editar ele. ^^

      Excluir
  6. Anônimo10/4/14

    Adoreii c:
    Vou usar no proximo layout
    Beijos | Lost in Paradise

    ResponderExcluir
  7. Aaah q fofo... amei esse do ovinho é tão cute... ♥
    http://animesjaychan.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada, hihi sim o de ovinho é muito fofo. Mas muito obrigada por comentar e gostar Jay-chan ♥

      Excluir
  8. Que lindo Wendy ♥ >_<

    ResponderExcluir
  9. Adorei os menus,super criativos :)

    Beijão!

    www.s-nowpatrol.blogspot.com

    ResponderExcluir
  10. Adorei o menu, sério >.< os outros layouts ficaram lindos, não sei se comentei, mas já estou avisando Wendy <3

    www.c-oldwave.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada por gostar. Hihi comentou sim em um deles, mas muito obrigada por gostar. Fico grata e feliz por isso. ♥

      Excluir
  11. Weeeendy sinto muito por ter sumido daqui T-T. Eu não estou conseguindo acompanhar todos meus afiliados, realmente me desculpa T-T.
    Nossa achei muito "louco" o efeito IUAHSIUAHS. Ainda mais o do coração, o coração fica meio "3D". Fica um efeito super diferente.

    @P-Kpoppers

    ResponderExcluir
    Respostas
    1. Yo Amy, tudo bem linda. Eu compreendo isso, não se preocupe viu? Quando puder da uma passadinha. ^^

      Sério? Que bom, amei o de coração ficou mesmo meio 3D. Obrigada por gostar.

      Excluir
  12. Menu bem diferente, Gostei bastante. Legal para quem procura algo diferente. Vai combinar bastante em um layout mais chamativo e bem detalhado. Parabéns pelos comentários Wendy, você merece! Os layouts ficaram muito lindos mesmo.

    Four Resources

    ResponderExcluir
    Respostas
    1. Mesmo? Que boooom. ♥
      Concordo, também acho isso. Muito obrigada pelo carinho Felipe, e por gostar dos lay. ^^

      Excluir
  13. Bem moderno esse menu, gostei, mas nao tenho muita rede social para meu blog TT
    kissus You Like?

    ResponderExcluir
    Respostas
    1. Verdade, rsrs somos duas. Só possuo duas para o blogger. ^^

      Excluir
  14. Que lindos, é sempre bom saber mais rs.
    Beijos

    http://diadespa.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada. Verdade sempre é bom. Muito obrigada por visitar. ♥

      Excluir
  15. Esse menu é muito lindo *00000000000000*

    mutable-design.blogspot.com.br

    ResponderExcluir
  16. Bem diferente, principalmente o primeiro.

    ResponderExcluir
  17. Que coisinha moderna O.o
    Pena que eu não uso as outras redes sociais TuT
    Beijos ♥ Ah, e sobre o layout free: Por que agradecer moça? Eles realmente estavam divo U_U

    Me and You | [WWW]

    ResponderExcluir
    Respostas
    1. Hihi né? Eu também não, mas pode mudar os botões se desejar.
      >////////< ain fico tão feliz por isso, mil beijinhos no seu kokoro. ♥

      Excluir
  18. Eei eu coloquei o menu mas os codigos são só para o dr ovinho eu gostaria do de coração amr :(

    ResponderExcluir
    Respostas
    1. O primeiro tutorial e o do coração. ^^

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345