Add “Link to this post” codes below every blogger posts

Today I'm sharing an amazing Link to this post widget. It is one of the best way to increase traffic on your blog or website. The greatest feature is that it updates automatically that you don't need to update it manually it update automatically as you post a new article . The installation of the widget is very easy the only thing you have to follow my steps.

How to add This Widget/Gadget to Blogger.

Step 1.

GOTO Blogger Dasboard > Template.

Step 2.

Backup your Blogger Template.

Step 3.

Search for <data:post.body/>

Step 4.

After that copy the code below and paste following code under <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <p style='color: #7AA1C3;font-weight: bold;'>If you Like This Article,Then kindly linkback 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/> <br/><p style='color: #CF152A;font-weight: bold;'>Paste This HTML Code On Your Page:</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> <div style='text-align: right;font-size: x-small;'> <a href='##' target='_blank'><span style="color: #838383;">LinkBack Widget</span></a></div></b:if>