Sharing below post widget for blogger

Horizontal Social sharing widget below post for blogger

Sharing in social network is more important than blogging today as online blogging is more than money.Social networks like facebook ,google +,pintrest etc are more useful.Now here we had posted a simple tutorial to add a widget to blogger which provides the sharing option below every post.Here is the simple tutorial below.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='border-top:3px solid #e05000;border-bottom:1px solid #e05000;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'> <div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#4a4e2d'> <strong>Share this article</strong> : </div> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_button_facebook_like' fb:like:layout='button_count'/> <a class='addthis_button_tweet'/> <a class='addthis_button_google_plusone' g:plusone:size='medium'/> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/> </div> </b:if>

You can add this code to html & java script  and then drag that widget just below the post body in the layout of blogger.You can also add this code directly to template before that just back up blogger template and find out the post body division it may like as

<div class="post-body" id="post-body">

 post-body this name will differ for each template or find out the division which contains "Read More" after finding that just at the end of that division you want to add this code.

Customizing Sharing Below Post

You can customize this with your own css coding by editing the div containing style and edit its attribute to change the color of the border.Don't change value of padding it will collapse the widget order.

This widget is extremely customized and ordered based on the loading speed.So it looks better when its loading.