Friday, June 8, 2012

How To Add Social Bookmarking Widget With Egg Sliding Effect In Blogger Blog

Author: Gagan Masoun
How To Add Social Bookmarking Widget With Egg Sliding Effect In Blogger BlogThis tutorial will guide you, "How To Add Social Bookmarking Widget With Egg Sliding Effect In Blogger Blog". I have shared many social bookmarking widgets on Blogs Daddy like beautiful social sharing widget just below of blogger posts and floating social media share buttons on blogger sidebar and many other.

Social sharing widget is important part of every blog in order to gain attention of large number of unique visitors from social networks. If you have attractive social sharing widget installed on your blog then you will get more blog posts sharing by visitors. See the demo first before installing this widget on your blog.

Demo Of Social Bookmarking Widget With Egg Sliding Effect In Blogger Blog

How To Implement It Into Your Blogger Blog

  • Go To Blogger Dashboard > Design > Edit HTML (For New Interface Templates > Edit HTML)
  • Backup Your Template Before Making Any Changes
  • Click (Ctrl + F) and Search </head> , Paste The Following Code Just Above It
<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher: "a24ff27f-9f78-47f2-964b-0ff1c6637032", onhover:false}); </script><link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>
  •  Now Find This Code </body> and Place The Following Code Just Above It.
<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>
  • Now, Save Your Template and Its Done

3 comments: