Adding "Link To This Post" Gadget Below Blogger Post


For a blogger the most important thing is Traffic. And for increase page view and traffic "Link to this post" Gadget is a best way. This Gadget 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. You don't  have to update it as you post a new article on your blog. And also the installation this Gadget is so easy you just have have add a little code in your blog and your work is done.Now lets see how to add this fetcher on the blog..

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 of you blog.

You may like these posts