showing Url BB code HTML link at the bottom of your post. it's really a great way to allow your readers to copy your post URL. the user can easily copy and share your post URL wherever he wants to share. and he will get the link from the bottom of your post.

what will be displayed with this widget?

as I say with this widget you can show your post URL, BB code, HTML code in the boxes. and It's not looking bad on your blog.  you can easily add this widget by editing your template. so let's start. see the following screenshot this is how It will be displayed on your blog.
show URL, BB code and HTML link of your blog post

show URL BB code HTML of your post.


  1. go to blogger and log in your account. select the blog where you want to add this widget.
  2. now click on the template and from the next page click edit HTML button. 
    show URL, BB code and HTML link of your blog post
  3. your template code will appear in the text box. click anywhere on the code.
    show URL, BB code and HTML link of your blog post
  4. search <data:post.body/> by pressing ctrl+f button from your keyboard.
  5. after finding just paste the following code after  <data:post.body/>.



<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='linkshare'>
<h3 style='margin-bottom:0.6em;color:#333;'>Copy The Post URL</h3>
<b>URL:</b>
<textarea id='url' onclick='this.focus();this.select()' readonly='readonly' rows='1' style='margin-bottom:15px; background-color:#F8F8F8;color:#333; height: 2.5em; width: 95%;' title='Click to highlight'><data:blog.url/></textarea>
  <br/>
<b>HTML link code:</b>
<textarea id="HTML-code" onclick="this.focus();this.select()" readonly="readonly" rows="1" style='margin-bottom:15px; background-color: #F8F8F8;color:#333; height: 2.5em; width: 95%;' title="Click to highlight">&lt;a href="<data:blog.url/>"&gt;<data:blog.pageTitle/> "clickable"&lt;/a&gt;</textarea>
<br/>
<b>BB (forum) link code:</b>
<textarea id='BB-code' onclick='this.focus();this.select()' readonly='readonly' rows='1' style='margin-bottom:15px; background-color:#F8F8F8;color:#333; height: 2.5em; width: 95%;' title='Click to highlight'>[url=<data:blog.url/>]<data:blog.pageTitle/> &quot;clickable&quot;[/url]</textarea>
  </div>
 </b:if>    
</b:if>
</b:if>
that's it widget is successfully added. now when anyone visits your post. he/she can see URL, BB code and HTML link of your blog post. there are three boxes displaying at the bottom of every post of your blog. the first box is displaying URL of the post. secondly is for HTML code and in the third box, you will see BB code for the forum.

if you get any error you can ask me here by dropping your comments.
keep visiting for more useful blogger tricks, blogger widgets, SEO tips. you can also ask us for any kind of help on blogging.

No comments:

Post a Comment