Add Embeded URL, HTML Code Below Your Blogger post

How To Add Embeded URL, HTML Code Below Your Blogger post

Today in this tutorial i,m going to teach you how to create a widget for your visitors for link back to your blogger post. this widget show 2 codes URL and  HTML with this if your visitors like your post they can easily copy the embed code of your blog post and does paste this code in their blog or website with this you can easily get trafic for your blog with the help of other blogger and website owners

1) First of all go to your blogger dashboard click on template and then edit html

2) Use Ctrl+F and find </head>

3) Copy the code given below and paste this code just before it </head>

<div><style type="text/css">.about-article{background-color:#f9f9f9;padding-bottom:5px;padding-left:20px;font-size:11px;}.about-article input{background-color:#ffffff;}</style></div>

4) Now find this code <data:post.body/>

5) Copy the code given below and paste this code just after it <data:post.body/>

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


</div>

6) Finally click on save template and you have done