How to add "Share This" button?

April 14, 2009 Leave a Comment

Social bookmarking button is now commonly use on our blog but some still don't know where to place it and sometimes buttons were not properly added to their respective positions and places.

Here is my clearer version of tutorial:

  • First, go to "Lay-out/Edit HTML".
  • Click "Expand Widget Templates"
  • Using Control F in your keyboard, Search this code:  <data:post.body/>
  • Copy and Paste this code before the above searched html.

<div style='float:right'><script src=';type=website&amp;buttonText=Share%20This%20Post&amp;embeds=true&amp;style=rotate&amp;post_services=facebook%2Cdigg%2Cdelicious%2Cybuzz%2Ctwitter%2Cstumbleupon%2Creddit%2Ctechnorati%2Cmixx%2Cblogger%2Ctypepad%2Cwordpress%2Cgoogle_bmarks%2Cwindows_live%2Cmyspace%2Cfark%2Cbus_exchange%2Cpropeller%2Cnewsvine%2Clinkedin' type='text/javascript'/></div>

Note: This position is to place the button on the right side position below the title of the post. You can also edit if you don't want to be on the right side by simply removing the "float:right".

  • Then, Save.

But if you want to place at the bottom part of the post, just put the code after <data:post.body/>, then save.



Leave your response!

Add your comment below,or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.