Tuesday, July 3, 2012

How To Add Floating Horizontal Share Button For Blogger

This Is also Another Cool another cool tutorial.
You can add floating horizontal bar for blogger.
It include with share buttons.When users will
scroll  down, Horizontal bar will appear on top.
I think this helps you to get share your post and
blog.So,there have lot of social networks to share.
Earlier i post about 4 In 1 Smooth Social
Subscribing Slide Out For Blogger
. You can
Follow these steps to add it to your blog.





1. Log in to blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F   </head>

3. Paste below code 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>

4. Again Find this tag by using Ctrl+F   </body>

3. Paste below code Before </body> tag
<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>
7. Now save your template
    you are done.

3 comments: