TUTORIAL: BLOGGER FLOATING SOCIAL SHARING SIDEBAR WIDGET

There are many ways to promote your website or blog to the world. One of them is through social network websites. until now there are so many social networks that exist in the virtual world such as Facebook, Twitter, Goggle +, and others.

We can use this social network sites as a promotional tool by adding a widget to our website. for example by adding a like button  recommend, comment, and others.

one of the social sharing widget is the blogger floating sidebar sharing. This widget looks as if it  follows the movement of your web page or blog when you roll up or roll down the page. Everytime there are visitors who enjoy our posts, they can simply press the button on the whatever social sharing network they want.

Please click on the image below to see the demo.

in this tutorial, i want to show you how to add this widget to your blog.

1. Open your blogger and 

2. Choose the lay out menu, then click on the add gadget.

3. Choose HTML Text/Java Script

4. Copy and Paste the code below

<!-- Scrolling social Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:130px;top:275px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a><a href="http://mbgadget.blogspot.com/2013/06/scrolling-social-buttons-blogger.html">Widget</a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
<!-- Scrolling social Button END --> 

5. Save it
6. Refresh your blog and check the result.

if you still new in blogger and want to find out how to add gadget or widget to your blog, click this link 

TUTORIAL HOW TO INSERT WIDGET HTML CODE

happy blogging:)