Adding a Dashing Subscribe Now Box to Blogger so adding a Subscribe Box is not only useful for a user but also for a publisher.By using Rss Feed,Email Subscription,Facebook Like and etc... Fixed Position Slide Open Egg Social Bookmarking Gadget.This gadget is basically a egg, when you hover over it, it splits and reveals.. Add a Do you Like this Story Subscription Box below Posts (Animated)we managed to design a fully equipped blogger widget that contains Facebook Like & Send button, Email Form (Subscription box) and social media icons. This widget can be found on many wordpress blogs added at the bottom of posts those button widgets in fact do not slide when the user scrolls the page up or down. The only thing I needed was a well constructed JavaScript code that could make the widget to float up and down synchronously Add Animated Rainbow Changing Colors To The Links On BloggerIn this post i have a neat effect for the links on your blog.Using some javascript you can make the links on your blog change through different colors when the cursor is hovered over them
/ / / / Fixed Position Slide Open heart Social Bookmarking Gadget For Blogger

Fixed Position Slide Open heart Social Bookmarking Gadget For Blogger

, ,
Every blogger wishes to show or add new and cool widgets/gadgets to their blogs. One of the most important widget for a blog is the sharing or bookmarking widget. Once you've got an attractive Sharing widget installed, you'd catch a whole lot of attention of your visitors, you'd get maximum number of your posts shared. This gadget is basically a "heart", when you hover over it, it splits and reveals the Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and the Share This Icons. So lets get to the tutorial


Fixed Position Slide Open heart Social Bookmarking Gadget For Blogger


  1. Go to Blogger >> Design >> Edit HTML.
  2. Check the box beside "Expand Widgets Template".
  3. Now find </head>
  4. Copy and Paste the following code right above </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: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/> 
   5. Now find </body>
   6. Copy and Paste the following code right above </body>.

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://www.no1bloggertricks.blogspot.in/">Blogger Gadgets</a>

7. Save your Template and you are done!
Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment

Subscribe to: Post Comments ( Atom )