How to Show Blog Post URL, HTML link and BB (forum) link For Sharing?

Place Blog Post URL, HTML link and BB (forum) link at the end of Blog post for Sharing in Comment section and Forum.

7
data:blog.title
How to Show Blog Post URL, HTML link and BB (forum) link For Sharing?

This is a common thing that if readers find your post interesting then they intend to share in different social media site, forum and in other medium. However this can be seen that readers stop to share any post while they face difficulty. Generally we use different social sharing widget to make our Blog content sharable. But maximum social sharing widget didn’t develop with all social media sharing system.  

Majority of social media widget are built with Facebook, Twitter, Pinterest etc. But beside of those there are many social media site that people are using for sharing content and grabbing visitors. So the best way we can develop our content sharing system. And we can do it by displaying raw URL directly at the end of the Blog post. 

This is a simple widget but very effective and this widget able to display your content URL at the end of your Blog post. You will able to display 3 types of URLs such as-

#1: Post URL – This is suitable for sharing content on various social media site.

#2: HTML URL – This URL is suitable for sharing content on Social Media and Comment section. Because when you share this auto generated URL then it will display a clickable URL with Post title.

#3: Forum URL – This auto generated URL you can use for sharing your Blog content in different forum.


That means 3 URLs will automatically generate and display for your each Blog post. And your Blog visitors can easily copy the URL and use it for post sharing. Sounds cool isn’t it? You can see the DEMO from below Image. 

widget for post sharing.

So let’s proceed to the tutorial that helps you to add this widget in your Blog.

Step #1: Go to https://www.blogger.com and Sign in to your account

Step #2: From Blogger Dashboard click on ->Template ->Edit HTML 

Step #3: Now Find this code ]]></b:skin> by Pressing Ctrl+F (Windows) or CMD+F (Mac)

Step #4: Copy the code and Paste it code Before/above ]]></b:skin>


#linkshare{text-align:left;margin-top:2em; padding-bottom:5px;color:#555555;}

Step #5: Now again Find this code <data:post.body/> or <div class='post-footer'>  by pressing Ctrl+F (Windows) or CMD+F (Mac)  

Step #6: Copy the script from below and paste it below/after <data:post.body/> or <div class='post-footer'>

<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'>
<h2 style='margin-bottom:0.5em;color:#555555;'>Grab The Post URL</h2>
<b>URL:</b>
<textarea id='url' onclick='this.focus();this.select()' readonly='readonly' rows='1' style='margin-bottom:15px; background-color:#F8F8F8;color:#444444; height: 2.6em; width: 98%;' 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:#444444; height: 2.6em; width: 98%;' 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:#444444; height: 2.6em; width: 98%;' title='Click to highlight'>[url=<data:blog.url/>]<data:blog.pageTitle/> &quot;clickable&quot;[/url]</textarea>
  </div>
 </b:if>       
</b:if>
</b:if>

Step #7: And click "Save template” from the top.

You have done. Now check your any Blog Post and see at the end of the Post. The widget is displaying 3 unique URL against each Blog post. Visit next post you will see the same. Now your Blog visitors can share your Blog post URL in any social media site, in Blog comment section or in any forum. I hope it would like this widget.

How to Show Blog Post URL, HTML link and BB (forum) link For Sharing?
How to Show Blog Post URL, HTML link and BB (forum) link For Sharing?
Wow..that was quite a lot. Any newsletter missing? Let us know in the comments!
How to Show Blog Post URL, HTML link and BB (forum) link For Sharing?
4 Stars stars - "How to Show Blog Post URL, HTML link and BB (forum) link For Sharing?" This is a common thing that if readers find your post interesting then they intend to share in ...

Post a Comment

This is very useful method for all blogspot/blogger blogs like wordpress blogs.

Yes Bro. this will increase the chances to get share your content. On the other hand you can share your Post URL in any Blogger forum. :wr

thanks for this https://goo.gl/nHxpSv

Welcome Iwanttv8.. thanks for dropping your comment. :up

Nice Content. Thanks for share. Also I shall follow this topic from your post.

Hi Tutorial Gift, I am pleased to see you here. Thanks for dropping your comment. :)

Superb. I really enjoyed very much with this article here. Really it is an amazing article I had ever read. I hope it will help a lot for all. Thank you so much for this amazing posts and please keep update like this excellent article.thank you for sharing such a great blog with us. expecting for your.
Digital Marketing Company in India

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *