Horizontal Social Sharing Widget by Addthis for Blogger

Iskandar Blogger 7:18 PM

Here i will provide social sharing widgets by Addthis for blogger.

Features:
  • Personalized to show each user the services that they use most.
  • Integrated with over 300+ services (Facebook, Twitter and more).
  • 70+ languages automatically localized.
  • Share multiple content types (pages, widgets, images, video, and more).
  • Works with your pages (Javascript, Flash, and HTML).



<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-5024d45929bb99b6"></script>
<!-- AddThis Button END -->
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-5024d45929bb99b6"></script>
<!-- AddThis Button END -->
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-5024d45929bb99b6"></script>
<!-- AddThis Button END -->


How to add this in Blogger:


1. Display as Gadget:


  • From your Blogger Dashboard go to Layout.
  • Click on Add a Gadget and add HTML/JavaScript gadget
  • Paste the code and save it.

2. Display below or above every post body in post pages:


  • From your Blogger Dashboard go to Template.
  • Click on Edit HTML and check the Expand Widget Templates                                                  option above.
  • Press Ctrl+F and search for the following code and paste the social                                           sharing code just below it and save it.
To add the gadget  above posts:
<div class='post-header-line-1'/>
To add the gadget  below posts:
<div class='post-footer'>