Saturday, July 7, 2012

How to Add Slide Out Floating Sharing Buttons For Blogger Blog

Author: Gagan Masoun
How to Add Slide Out Floating Sharing Buttons For Blogger Blog
Four days ago I shared "How to Add Subscription Buttons Tool To Blogger Blog or Website". Today, this tutorial will guide you "How to Add Slide Out Floating Sharing Buttons For Blogger Blog?".When your blog visitors hovers on this widget it will grow 4 social networking buttons and 1 more button.

This widget will show on the right corner below of your blog and scrolls along with page which allow a real time sharing option for your visitors.This wonderful widget proudly powered by Addthis.Follow the steps given below to add this widget.

Slide Out Floating Sharing Buttons Demo

How to Add Slide Out Floating Sharing Buttons For Blogger Blog

  • Go to Blogger Dashboard --> Template --> Edit HTML
  • Click On Proceed Button
  • Click (Ctrl + F) Search </head>
  • Add Below Code Just Above </head>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
  • Now Find </body> and Add Below Code Just Before/Above it
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
    <a class="addthis_button_more">Share</a>
    <ul>
        <li><a class="addthis_button_preferred_1"></a></li>
        <li><a class="addthis_button_preferred_2"></a></li>
        <li><a class="addthis_button_preferred_3"></a></li>
        <li><a class="addthis_button_preferred_4"></a></li>
    </ul>
</div>
  • Save Your Template and Its Done
  • Visit Your Blog and Enjoy Blogging

4 comments:

  1. I like the Slide Out widget - but your code above is for the widget which displays in the bottom right corner. Do you have the code for the Slide Out which displays in your demo link? THANKS!

    ReplyDelete
    Replies
    1. Hello Larry,

      Thanks for your precious comment, you can find slide out here: http://www.blogsdaddy.com/2012/06/how-to-add-shareaholic-sassy-bookmarks.html

      Delete
  2. Thanks for the quick response Gagan - but do you have the code somewhere? That 'Click On Add To Blogger Button Shown Below' never works for me, plus I'd rather work with the code directly. Thanks again!

    ReplyDelete
    Replies
    1. Send me Hi on my email, I will send you code in mail. if this button not working for you :)

      gagan.masoun[dot]gmail.com

      Delete