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

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.

==> 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.

14 Comments

Iftekhar Ahmed

I must appreciate the way you have expressed your feelings through your blog!

basitomeiza.com

Thanks boss….love these post

Rachel Owen

Thanks for sharing this technique Link To This Post. There are lot user doesn’t know how to put a link on a blog your post should be very helpful for them. Thanks for sharing this link.

Gul Pari

Very nice post even i would say that whole blog is awesome. I keep learning new things every day from post like these. Good stuff!Shakira Zik

Olusegun Fapohunda

Glad you all love it.

ayick13.blogspot.com

ty, Man. u RoCk!!

make money online

thank you sir for this code, it is really helpful

Legendkid

i was just looking for this to add to my blogger blog, and thanks for this almost all the tutorial on your site is working.

blackberry

thanks alot for this article, i really appreciate it

Mr paul

thanks sir, now i can easily get links from my coppiers

post utme 2013

thanks for this tutorial, it =is working perfectly well.

Murat Mimar

thank you nice post araba oyunları

Jerry Praise

i love it

Abhishek Gupta

This comment has been removed by a blog administrator.