Monday, October 8, 2012

Add “Link To This Post” Codes Below Blogger Posts

Author: Gagan Masoun
Add “Link To This Post” Codes Below Blogger PostsToday, In this tutorial "Gagan Masoun" will show you how to add automatically "Link to This Post" Widget just below your Blogger Blog Articles.With the help of this widget you can increase your blog’s back linking for better SEO results. This widget gives 3 codes (Blog Post URL, HTML Link, and Forum Link) at below each blog post.

If you are interested to add this widget to your blog, just follow the steps below:

You May Like To Read:
Create Stylish Sitemap Page In Blogger Blog
How To Create 404 Error Page In Blogger Blog
Add Beautiful Email Subscription Box V2 In Blogger Blog

Screenshot Of Easy Link Section

Screenshot Of Easy Link Section

Steps On How To Add "Link To This Post" Widget

  • Go to Blogger Dashboard > Template
  • Backup Your Template Before Making Any Changes
  • Click Edit HTML > Proceed > Expand Widget Templates. (How To Edit HTML)
  • Click Ctrl+F and Search The Code Below
Note: If <data:post.body/> is in your template html twice use the second one.
  • Just Below/ After It, Paste The Code Below
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #32A0EE;font-weight: bold;'>Do you like this post? Please link back to this article by copying one of the codes below.</p>
URL:
<textarea id="url" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight"><data:post.url/></textarea>
HTML link code:
<textarea id="HTML-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight">&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
BB link code:
<textarea id="BB-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight">[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
<span style="color:#333; font-size:10px;float:right;">Widget by: <a href="http://www.blogsdaddy.com/" style="color:#333; font-weight:bold">Blogger Widgets</a></span>
  • Click Preview and Save Template! 
  • Once you’re done, the codes will automatically appear below each post on post pages only.
Thank you and I hope this post will help you. Happy Blogging!

Author
Author - Gagan Masoun is the owner of Blogs Daddy Blog.Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can find him in the usual social networks.

0 comments:

Post a Comment