FLOATING SOCIAL SHARING WIDGET


This tutorial will help you to improve your blog layout plus help your users to bookmarklet your blog on various social networking websites. Try out the vertical floating sharing widget by AddThis.

Features:
  • Personalized to show each user the services that they use most
  • Even after scrolling down, these buttons are always visible, ie, the are floating
  • 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_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50256c9955de3d1e"></script>
<!-- AddThis Button END -->


<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<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>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50256cd215773286"></script>

<!-- AddThis Button END --> 



<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;">
<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>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50256cf13ad74b07"></script>
<!-- AddThis Button END -->
You can adjust the position of the gadget by changing the value given in Bold Red Color.

How to add this in Blogger:


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

Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter

0 comments:

Click Here To add Comment

PAGE RANK

Page Rank
 

| USEFUL TRICKS- InVaDeR © 2012. All Rights Reserved | Template Style by Abhidinvader