
How to add slide out egg bookmarking gadget to blogger?
1. Go to "TEMPLATE" and click on "EDIT HTML".
2. In the "HTML EDITOR" find(CTRL+F) for </head>
3. Just before/above </head> paste the following code:
4. Now find for </body> (Use CTRL+F to find codes)<!-- Start Heart Bookmarking Gadget Code From http://bloggertrickshut.blogspot.com/ --><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'/><!-- End Heart Bookmarking Gadget Code From http://bloggertrickshut.blogspot.com/ -->
5. Just before/above </body> paste the following code:
<!-- Start Heart Share Code From http://bloggertrickshut.blogspot.com/ --><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://bloggertrickshut.blogspot.com/ ">Blogger Widgets</a><!-- End Heart Share Code From http://bloggertrickshut.blogspot.com/ -->
Customizing the position of the gadget/widget!
This is an easy customizable widget. You don't need to customize any big thing in this widget/gadget. Just you need to change the position of the widget. Well, it is optional because if the position fits your blog you may continue without customizing the position. So all just you need is to change the highlighted text in the above code. The code says: bottom: 2% and left:2%. This means the widget will float 2% away from the bottom and left. You can change those percents to change the position of your widget.
0 comments:
Post a Comment