In this tutorial i'm going to explain how to add slide out edd social media bookmark widget for blogger/blogspot.it also have hover effect on social media icons.it is very unique and attractive gadget for your blog/website.simple to use just follow the steps mentioned below,if you have any query regarding slide out edd social media widget ask free below in comment box.
1. Log in to blogger account and Go to Design >> Edit HTML
2. Put checked marked in Expand Widget Templates
3. Find this tag by using Ctrl+F </head>
4. Paste below code Before </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: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false});
</script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css'
media='screen' rel='stylesheet' type='text/css'/>
5. Now Find using Ctrl+F </body>
6. Paste below code Before</body>
<div style='position: fixed; bottom: 2%; left:
2%;'><div class='shareEgg'
id='shareThisShareEgg'/></div><script
type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg',
['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'],
{title:'
<data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script><a
href="http://www.bloggersstand.blogspot.com/">Blogger Widgets</a>
You can change bottom 2 and left 2 for change the positions.
7. Now save your template,you are done.
Comments (0)