Let's take Social Widget: addtoany


CODE

<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkname=&amp;linkurl=www.nameblog.blogspot.com"><img src="http://static.addtoany.com/buttons/favicon.png" width="16" height="16" border="0" alt="Share/Save/Bookmark"/></a><script type="text/javascript">
a2a_linkname=document.title;a2a_linkurl="www.nameblog.blogspot.com";</script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Change letter in RED with your blog url.

Now, follow the steps:


Step 1. Login to Blogger Dashboard


Step 2. Go to Layout >> Edit HTML


(Note : It's advisable to backup your template before making any changes)


Step 3. Expand your widget templates



To Insert Social Widget below Post Title:


Step 4. Now search for this line of code <div class='post-header-line-1'>


Tip : To locate above code easily : Search the above code under this line <b:includable id='post' var='post'> of code in your template editor.


Step 5. Copy and paste your widget code exactly after searched code. i.e exactly below this line of code ... <div class='post-header-line-1'>



To Insert Social Widget at the End of the post - Post Footer


Step 6. Search for this line of code <p><data:post.body/></p>


Step 7. Copy and paste your widget code exactly after above code.


Step 8. Don't forget to save your template.



Still have any problem ? Post it in the comment box and I shall be hopefully quick to reply.