Add “Link To This Post” Codes Below Blogger Posts

One of the easiest ways to encourage readers to link back to your blog post is by providing “Link to this post” codes at the end of each post. If the post is useful or informative enough, readers would want to share it on their blogs, discussion forums etc. And since most people still use copy-paste method when sharing, providing the codes for the post’s permalink would certainly help.

Let’s learn how to do it. Once you’re done, the codes will automatically appear below each post on post pages. Checkout the demo at the end of this post.

1. Go to Template > Edit HTMLDashboard > Design > Edit HTML.
2. Back up your template.
3. Tick the  Expand Widget Templates check box on top right of the HTML window.
4. Paste the following code right under <data:post.body/> :  
   view sourceprint?

   1	<b:if cond='data:blog.pageType == &quot;item&quot;'>

   2	<p>Do you like this post? Please link back to this article by copying one of the codes below.</p>

   3

   URL:

   4	<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>

   5	HTML link code:

   6	<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>

   7	BB (forum) link code:

   8	<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>

   9

   </b:if>

5. Preview and save.