Add Floating Horizontal Bar on Your Blog with Closing Feature

Techgratis is giving another addthis widget for blogger. Floating horizontal bar social sharing bar. This social sharing horizontal bar will float in your blog when you move down. 

VIEW DEMO

Add Floating Horizontal Bar on Your Blog with Closing Feature

1. Go To Blogger > Layout

2. Add a gadget

3. Choose a HTML/JavaScript widget

4. Paste the following code there

Large sharing button

<div class="addthis_bar addthis_bar_large">
    <label>Share This Page:</label>
    <div class="addthis_toolbox addthis_default_style">
        <span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>
        <span><a class="addthis_button_tweet" tw:count="vertical"></a></span>
        <span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>
        <span><a class="addthis_counter"></a></span>
    </div>
</div>

5. Click save

Customization

1. If you want medium sized (32x32) share icons copy these codes to  HTML/JavaScript widget.

<div class="addthis_bar addthis_bar_medium">
    <label>Share This Page:</label>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
        <span><a class="addthis_counter addthis_bubble_style"></a></span>
    </div>
</div>

2. If you want small sized (16x16) share icons copy these codes to  HTML/JavaScript widget.

<div class="addthis_bar addthis_bar_small">
    <label>Share This Page:</label>
    <div class="addthis_toolbox addthis_default_style">
        <span><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a></span>
        <span><a class="addthis_button_tweet"></a></span>
        <span><a class="addthis_button_google_plusone" g:plusone:size="medium"></a></span>
        <span><a class="addthis_counter addthis_pill_style"></a></span>
    </div>
 </div>

Now look at your blog a horizontal bar will be appearing in the homepage. If you like this widget share it through fb,g+ and tweet it. If you have any doubt comment here, solution is ready.

Read more