Friday, November 09, 2007

How to add a Social Book marking Button to Blogger.

If you want to include the social book marking button to the end of each post you do in Blogger then follow the below steps:

  1. Login into Blogger Dash Board
  2. Go to Settings
  3. Click on the template tab.
  4. Hit the Edit-HTML button, this displays the HTML for you blog.
  5. Check the "Expand Widget Templates" check boxes.
  6. Copy all the HTML to a text editor (e.g. Notepad, or whatever) and save a copy.
  7. Search for the tag <div class='post-footer'>. Note: If you cant find this, go and make sure you've clicked the 'Expand Widget Templates' checkbox first. When you are done, click 'Save Template'.

To add the new Add This drop down copy + paste in the following

<!-- AddThis Bookmark Post Dropdown BEGIN --> <div><script type='text/javascript'>addthis_url='<data:post.url/>'; addthis_title='<data:post.title/>'; addthis_pub='NiallMulhare';</script><script src='http://s7.addthis.com/js/addthis_widget.php?v=12' type='text/javascript'></script></div> <!-- AddThis Bookmark Post Dropdown END -->


Or to copy in the original button copy and paste the following


<!-- AddThis Bookmark Post Button BEGIN -->
<div><a expr:href='"http://www.addthis.com/bookmark.php?pub=NiallMulhare&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark using any bookmark manager!'><img src='http://s9.addthis.com/button1-bm.gif' width='125' height='16' style='border: 0px; padding: 0px' alt='AddThis Social Bookmark Button' /></a></div>
<!-- AddThis Bookmark Post Button END -->



And Badabing, your hit rate will be through the roof…… maybe...

No comments: