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?
- Go to Blogger Dashboard > Template
- Download a copy of it
- Click on Edit HTML
- Hit Proceed
- Check Expand Widget Templates Checkbox
- 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'><a href="<data:post.url/>"><data:post.title/></a></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.