Saturday, May 12, 2012

How to add best share button to Blogger?

Sharing is Blogging.. And when you are blogging need to share your blog. Hence, your need  social buttons? Like the image you see below.


 Steps:
1. Log in to your blogger account
2. Design
3. Add Gadgets
4. HTML/Javascript

You can place the social share button in any place to your blog. Here is the HTML code for social share button. Just copy and paste to new gadget>>HTML/JavaScript.


<br/> <div id="dock">   <div class="dock-container">  <div class="addthis_toolbox">    <div class="custom_images">   <a class="addthis_button_facebook"><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>   <a class="addthis_button_twitter"><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a> <a class="addthis_button_myspace"><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a> <a class="addthis_button_stumbleupon"><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a> <a class="addthis_button_reddit"><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a> <a class="addthis_button_delicious"><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>   <a class="addthis_button_more"><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>   </div>   </div>    </div>   </div>       <span id="preserve7c960571a4a841acb876a8fdb338d603" class="wlWriterPreserve"><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script></span>   <span id="preserved36cd838b1744af690da108fb21dcc6c" class="wlWriterPreserve"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script></span>   <span id="preserve0c94cf2023774b91aad3f8f6f0de0274" class="wlWriterPreserve"><script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script></span>   <span id="preservef9704af7e5594fa897eaab207fcf9c9c" class="wlWriterPreserve"><script type="text/javascript"> </script></span>  <br/> 


Finally, save and you're done.

0 comments:

Post a Comment

 

Tags

Site Info

Followers

blogscenters Copyright © 2009 Blogger Template Designed by Bie Blogger Template