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:

~Preview~

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.