X Close
T Saturday, September 06, 2014

Responsive Egg Sharing Buttons For Blogger

fahim raza Be the first to comment!
101helper gadgets for blogger


You might have seen many types of sharing buttons while surfing through internet such as floating buttons, responsive buttons, round buttons but I am sure that you haven't seen this type of gadget. Its an egg having sharing buttons.
When it is hovered it opens and show sharing buttons and the buttons in it are also responisve. It is a sharethis product. It's very easy to add this egg gadget to your blog, you have to add some pieces of codes to your blog template. To add this egg sharing buttons gadget to your blog follow the below steps:

(1). Go to blogger,log-in to your blogger account and go to layout.

(2). Click add a gadget and paste the below code.

<div id='shareThisShareEgg' class='shareEgg'></div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['sharethis','facebook','twitter','linkedin','pinterest','email'], {title:'ShareThis Rocks!!!',url:'http://www.sharethis.com',theme:'shareegg'});</script>

(3). Save the gadget and follow step 4.

(4). Go to template and click edit HTMl, find <head> by using ctrl+f on your keyboard.

(5). Copy the below code and paste it below <head> 

<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: "ur-1db8571f-a408-7752-21ce-1253ffdf18fb", doNotHash: false, doNotCopy: false, hashAddressBar: false, onhover:false});</script>

<link media='screen' type='text/css' rel='stylesheet' href='http://w.sharethis.com/gallery/shareegg/shareegg.css'></link>

(6). Save the template and you are done!

Thank you for visiting 101Helper. See more tips, tricks, widgets, gadgets and tutorials at http://101helper.blogspot.com follow and subscribe for latest updates. Share with others.

Tags: egg sharing buttons for blogger, responsive sahring buttons for blogger, blogger tutorials, help, gadgets, widgets, 101helper


No comments :

Post a Comment