HOW to Add Below Every Blogger Post LINK CODE html tips Widget

Click On Image To Enlarge

Link to this post widget is another best way to increase page views and traffic on your blog.This widget contains two text areas,in first it contains a URL of that respective post and the second text area contains a HTML code which includes title and URL of your post.Another great feature of this widget is it updates automatically i.e. you dont have to update it as you post a new article on your blog.Also the installation this widget is so easy you just have have add a little code in your blog and you are done.Now lets see how to add it.You can see the demo at bottom of this post.

How To Add This Widget To Blogger?


  1. Go to Blogger Dashboard > Template
  2. Download a copy of it
  3. Click on Edit HTML
  4. Hit Proceed
  5. Check Expand Widget Templates Checkbox
  6. Find below code in your template,


1
<data:post.body/>

paste below code right under it,

Note - If you can't find or add this widget by using <data:post.body/> then find<div class='post-footer-line post-footer-line-1'/> or <div class='post-footer'> and add below code just above it.

1
2
3
4
5
6
7
8
<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='http://www.helperblogger.com/2012/07/add-link-to-this-post-widget-below.html' target='_blank'><span style="color: #838383;">LinkBack Widget</span></a></div></b:if>
Now save your template and visit any post page you will watch it.