Add A Slide Out Egg Social Bookmarking Widget In Blogger

We have always posted about different social media widgets for blogger blog. Beautiful social media widgets always attract the visitors and play an important role in building your social media fan following. Today we are here with another beautiful social widget which look like an egg and might draw the attention of the visitors towards your blog i.e. Slide Out Egg Social Bookmarking Widget.

How It Works?

This widget is floats with the scroll of your page of your page. It’s shape is like an egg and when you click on it, it will appear containing different social media icons, so you can select and bookmark it to the social media of your own choice. 

DEMO

Add A Slide Out Egg Social Bookmarking Widget In Blogger:

Let’s see how you can implement it in your blog.

1. Log-in to your Blogger Dashboard.

2. Go to Template > Backup. (Click Here To See, How?)

3. Now click “Edit HTML.”

4. Inside the “HTML EDITOR”, Press CTRL+F and search for </head> tag.

5. Copy & paste the following code just above </head> tag.

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

6. Now inside the “HTML EDITOR”, Press CTRL+F and search for </body>.

7. Copy & paste the following code immediately before </body> tag.

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

8. Click “Save Template”.

You are all done, refresh your blog to see the Slide Out Egg Social Bookmarking Widget.

That’s All.

Happy Blogging.

Need Help?

Hope this tutorial helps you in adding the Slide Out Egg Social Bookmarking Widget in your blog easily. Don’t forget to spread this knowledge with your friends and subscribe at our blog for more updates. If you need any help, please feel free to ask by leaving your comments below and we will try our best to answer and will be great honor for us. Peace, blessings & cheers.! :)