How to Add "Link To This Post" Widget Below Every Blogger Post

There are various means bloggers use to get backlinks for their blogs, though some of the methods adopted by bloggers most times are tedious and time consuming many bloggers even goes extra miles to buy links for their blog. But one of the easiest ways to get backlinks for you blog is to encourage your blog readers to link back to your blog by providing them the link to each post at the end of the post.

If the post you provide on your blog is quite informative and useful, readers would not hesitate to share it on their blogs, forums and etc. So today, I want to share a useful widget bloggers can add to their blog for anybody to be able to copy the link to each post at the end of the post. This widget is called “Link to This Post Widget”; a Demo of this widget can be seen at the end of this post. This widget updates itself automatically whenever a new article is posted on your blog. You can add this awesome widget to your blog by following the process below.

Steps To Add Link to This Post Widget to Blogger

==> Login to your Blogger Dashboard >> Template >> Edit HTML and the hit proceed.

==> Click on Expand Widget Template box

==> Now use ctrl+f to search for <data:post.body/> and then paste the code below after it

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #7AA1C3;font-weight: bold;'>Do you like this post? Please link back to this article by copying one of the codes below.</p>
<p style='color: #CF152A;font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea><br/>
<p style='color: #CF152A;font-weight: bold;'>HTML Link Code:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
<p style='color: #CF152A;font-weight: bold;'>BB (forum) link code:</p>
<textarea id='BB-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
<div style='text-align: right;font-size: x-small;'>
<a href='http://www.justnaira.com/2012/10/link-to-this-post-widget-for-bloggers.html' target='_blank'><span style='color: #838383;'>LinkBack Widget</span></a></div></b:if>

==>Finally Save your template and visit any page on your blog to see the new changes.