Cara membuat menu bergeser : social bookmarking

Salam dunia maya, blogger tips berikut untuk bagaimana cara membuat menu fixed model slide untuk sicial bookmarking di blog sobat, keuntungan dari menu jenis ini adalah untuk mempermudah pengunjung di blog kita membagikan tulisan yang mereka baca ke jejaring sosial, seperti facebook, twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email dan banyak lagi.

cara membuat

Tempatkan kode berikut tepat diatas </head> :

view plainprint?

1. <!-- StartGadgetCode -->  
2. <script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>  
3. <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>  
4. <script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script>  
5. <link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>  
6. <!-- End Code -->  

Kemudian kode beikut tempatkan tepat diatas </body> :

view plainprint?

1. <!-- StartGadgetCode -->  
2. <div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div>  
3. <script type='text/javascript'>  
4. 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;   
5. <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});  
6. </script>  
7. <!-- End Code -->  

cara mengubah letak

Penting untuk diketahui bahwa widget diatas terletak pada posis bawah kanan, nah untuk mengubahnya sobat dapat mengubahnya dengan mengubah presentasi pada bottom: 2%; left: 2%;, sebaiknya template di preview dahulu sembelum SAVE TEMPLATE .
Dari berbgai sumber