This tutorial will show you How To Add Link to the post widget/Links Below Every Blogger Post
LIVE DEMO
Link to the post Demo
How To Add “Link to this post” Links Each Blogger Posts
- Go to Blogger Dashboard
- Click on DropDown Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML --> Proceed --> Expand Widget Templates
- Press Ctrl + F and search the code shown below
<data:post.body/>
- Now Paste the following code after/below it
<b:if cond='data:blog.pageType == "item"'>
<p>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:
<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"><a href="<data:post.url/>"><data:post.title/></a></textarea>
Forum Link:
<textarea id="Forum-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;">Get This: <a href="http://www.mybloggertools.org" style="color:#333; font-weight:bold">mybloggertools.org</a></span>
</b:if>
<p>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:
<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"><a href="<data:post.url/>"><data:post.title/></a></textarea>
Forum Link:
<textarea id="Forum-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;">Get This: <a href="http://www.mybloggertools.org" style="color:#333; font-weight:bold">mybloggertools.org</a></span>
</b:if>
- Now Save your template and check it
Like it? Share it.
1 comment
Thank Sonu For Diz
Click to Add a New Comment