Pages

Wednesday, November 11, 2015

Link To This Post Widget Below Blogger Post

Link To This Post Widget For Blogger

Adding link to this post blogger widget allows your readers to share your blog post on top social networking sites. They can copy the URL of that particular post from the link to this post widget if they find it interesting and paste it either on facebook, other blogs as embedded links with text or BBM forums. You would agree that this can be another way of building backlinks to your blog, which will in turn increase your pagerank and blog traffic.

Also Read: How to Add Floating Share Buttons to Blogger
                   Square Popular Posts Blogger Widget with Rotating Effect
                   Sliding Recent Posts Widget For Blogger

How to Add Link to This Post Widget Below Blogger Post

  • From your blogger dashboard.
  • Click on 'template'. Using 'backup/restore' that appears at the top right corner, backup your blogger template.
  • Click inside your blogger template, using ctrl+f  keys search for <data:post.body/>
  • Copy this code shown below and paste 'above' either the second or third <data:post.body/>   
 Also Read:  Facebook Popup Like Box With Timer For Blogger
                     Popular Post Widget With Hover Effect For Blogger
                     Social Follow and Subscription Follow Widget For Blogger

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #7AA1C3;font-weight: bold;'>Do you like this post? Please link back 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/>
<p style='color: #CF152A;font-weight: bold;'>HTML Link Code:</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>
<p style='color: #CF152A;font-weight: bold;'>BB (forum) link code:</p>
<textarea id='BB-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'>[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
<div style='text-align: right;font-size: x-small;'>
<a href='http://informationtutorial15.blogspot.com/2015/11/link-to-this-post-widget-below-blogger.html' target='_blank'><span style='color: #838383;'>Get this</span></a></div></b:if>

  • Save your template. The changes have been made, you can view your blog and you'll see the link to this post widget