How To Embed URL,HTML,Forum Links Code below Blogger Posts

Posted by Chaitu blogger tips, Blogger tutorials 5:06 PM

This tutorial will explain how to create a widget, for your visitors to link back to your article/blogger post.This was created by me(http://www.bloggertipandtrick.net/) and previously I had installed this widget to this site.Many visitors ask from me how to add this widget to their blogger blogs and so I decided to explain it.This widget will show 3 codes (Blog Post URL,HTML code to embed your post to a website,Forum Link to embed your post to a forum) below your blogger post.If you like to add this widget to your blogger blog,then follow the steps given below.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see  tag .

3.Copy below code and paste it just before the  tag .

4.Now find below code:

5.Copy below code and paste it just after the  .

<div class="about-article">If you find this article useful, please feel free to link to this page from your website or blog.
<p class="noborder"><label for="aa-url">URL:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-url" value="" /></p><p><label for="aa-forum">HTML Link:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="<a href=&quot;&quot;></a>" /></p><p>
<label for="aa-forum">Forum Link:</label><br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="[url=]/[/url]" /></p>
Widget by BloggerTipAndTrick
</div>

NOTE : Don't change anything in above code.

6.Save your template and you are done.

If you like this post or this post has helped you in anyway, please click the +1 button below to recommend this page and support our website.

You can follow us on Twitter or join our Facebook Fan Page for more updates like this .