How to Easily Add “Link To This Post” Widget Below Blogger Post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #008000;font-weight: bold;'>How&#39;s that article? Want to share in your site? If you like it, you can link back to this article by copying one of the codes below.</p>
<p style='color: rgb(0, 114, 204);font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:rgb(236, 207, 207); height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea><br/>
<p style='color: rgb(0, 114, 204);font-weight: bold;'>HTML Link Code:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:rgb(226, 252, 244); height: 3.6em; width: 98%;' title='Click to highlight'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
<p style='color: rgb(0, 114, 204);font-weight: bold;'>BB (forum) Link code:</p>
<textarea id='BB-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:rgb(222, 248, 214); height: 3.6em; width: 98%;' title='Click to highlight'>[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
<div style='text-align: right;font-size: x-small;'>
<a href='http://howto.medinfo24.com' target='_blank'><span style='color: #838383;'>Get this</span></a></div></b:if>