Blogger Tricks : Insert Social Bookmarking Widget

2 comments
Save to del.icio.us 0 hits!

As you can see in many blogs, they have inserted social bookmarking widget below post title or at the end of the post (i.e Post footer). If you don't know anything about social booking buttons, just visit List of Social Bookmarking Widget Provider. Choose any one which you like and get code for it. Now, how to insert in blogger template just below post title and at the end of the post ? .. Well its simple. Just follow these steps.


+/- Read More



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.


(If you really liked my posts, please "SUBSCRIBE" )


Related Posts :



Comments
2 comments
Do you have any suggestions? Add your comment. Please don't spam!
Subscribe to my feed
mahesh said...

thanks........its useful for me.....









need bpo jobs without a single rupee!!!!!!!! a genuine job from home.


Work from home

AB said...

Glad you like it !!

Post a Comment

About Me

Latest posts

Blogger Zone