Horizontal Social Sharing Bar for Blogger

horizontal floating social sharing bar for blogger

Social sharing is necessary for boosting the traffic to your blog or website. Today I have brought an amazing and cool social sharing widget for blogger blogs. The widget is developed by Addthis network. It is a horizontal floating bar which lies at the top of your pages. You can see the example on my blog. To add this to your blog, you have to edit the HTML of your template. If you need help in editing your HTML template, read this article first. Then follow the steps below:

Step 1
Copy and paste the code below just before </head> tag



<script type="text/javascript">
var addthis_config = {
    bar_show_below : 150
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

 Step 2
Now add the code below before </body> tag and save your template. You are all done


<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> 

Labels: ,