Widget Share Dengan Slide Open Egg

Mbah Siyam - Bagi setiap blogger pasti mempunyai keinginan untuk menampilkan suatu widget yang menarik, baru, dan keren diblog mereka. Salah satu nya yaitu widget share atau bookmarking. Nah ini adalah widget share berbentuk telur dan jika mouse diarahkan ke gambar telurnya maka akan muncul share ke Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email dan the Share This Icons. Kalau ingin lihat demo nya klik disini

Membuat Widget Share Dengan Slide Open Egg

1. Masuk blogger, pilih Template -> Edit HTML
2. Cari kode </head>  Simpan kode ini di atas </head>

<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'/>

3.  Cari kode </body>  Simpan kode ini di atas </body>

<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>

 Klik Simpan dan Selesai, Semoga bermanfaat


sumber kode dari MKR-Site