Horizontal Social Sharing Widget by Addthis for Blogger

Posted by Unknown at 19:18 Read our previous post

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