Add floating share buttons to blogger

Floating share buttons helps in increasing the rate of post sharing by blog visitors because they always remain in front of a blog visitor and makes the task of post sharing very easy. These floating share buttons also contains addthis share button . It allows sharing of posts up to hundreds of social networking websites without even leaving your blog. This guide is about adding these stylish floating share buttons with addthis script to blogger blogs .

Method:

• Open your blogger dashboard.
• Select your blog.
• Open template option.
• Click Edit HTML.
• Tick Expand Widgets option.
• Search for <b:includable id='post' var='post'>
• Just below it paste following code.

<!--floating share-->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'></script>    
<div class='addthis_toolbox addthis_floating_style addthis_counter_style' style='position:fixed;  margin-left:-79px; float:left; top: 101px; background:#fff; border:3px solid #eeeeee;'>
<a class='addthis_button_facebook_like' fb:like:layout='box_count'/>
<a class='addthis_button_tweet' tw:count='vertical'/>
<a class='addthis_button_google_plusone' g:plusone:size='tall'/>
<br/>
<a class='addthis_counter'/>
 </div></b:if></b:if>

<!--floating share-->

• Save the Template.


• Open your blog to see the new changes.


• Enjoy.