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.