Allowing your users to Reblog or share your content on their blogs is something that could make your posts goes viral. Recently, one of our users asked that how to allow users to Reblog your posts in Blogger? What if someone adored your post and wishes to share it on his blog? In this situation, you can offer them a one-click share functionality which will not only spread your content all over the internet, besides that it also helps you to earn a previous backlink. Therefore, today in this article, we will show you How to allow users to Reblog your posts in Blogger?
Note: You can see the Demo Here, make sure you scroll down to the bottom of the post to see the green "Reblog this post" button.
Why to allow uses to Reblog your Posts?
Some people might take it in a wrong way as allowing users to share your posts on their blogs might end up in plagiarism. However, there is a twist in the tail. Since, a credit backlink of the original source is always there, so it means you would continue to be an original author.
On the other hand, you can get a lot of high-quality natural backlinks. Just consider, if your blog has 100 posts and each post is re-shared by 1000 folks and in return you get a lot of worthy backlinks to your site. It will also benefit you by providing your site with more popularity as people might follow your site from being the original author.
How to Add a Reblog Button to your posts in Blogger?
The First thing you will be doing is to login into your Blogger Dashboard. Now After logging in, go to your blog >> Template >> Edit HTML >> and search for the ]]></b:skin> tag. Once you find it, just above it paste the following CSS code.
.reblog {
color: #fff;
font-weight: bold;
font-size: 14px;
text-shadow: 1px 1px 0 #75a43b;
padding: 5px 10px;
display: inline;
border: 1px solid #69963b;
background: #7cc237;
border-radius: 2px;
background: -webkit-gradient(linear, left top, left bottom, from(#afd95b), to(#7cc237));
background: -webkit-linear-gradient(top, #afd95b, #7cc237);
background: -moz-linear-gradient(top, #afd95b, #7cc237);
background: -ms-linear-gradient(top, #afd95b, #7cc237);
background: -o-linear-gradient(top, #afd95b, #7cc237);
box-shadow: inset 0 1px 0 #d0e8a0;
-webkit-box-shadow: inset 0 1px 0 #d0e8a0;
-moz-box-shadow: inset 0 1px 0 #d0e8a0;
-o-box-shadow: inset 0 1px 0 #d0e8a0;
}
.blogthis a {
color: #fff; text-decoration:none;}
a.reblog:hover {
color: #fff;
background: #7cc62b;
background: -webkit-gradient(linear, left top, left bottom, from(#b5e261), to(#7cc62b));
background: -webkit-linear-gradient(top, #b5e261, #7cc62b);
background: -moz-linear-gradient(top, #b5e261, #7cc62b);
background: -ms-linear-gradient(top, #b5e261, #7cc62b);
background: -o-linear-gradient(top, #b5e261, #7cc62b);
text-decoration:none;
}
After adding the CSS code, its time to add the code which would make the widget work. Just search for <div class='post-footer'> and just above it paste the following code. Once everything is done, press “Save Template” button to conclude the process.
<div class="reblogme"><li class='blogthis'><b:if cond='data:top.showBlogThisButton'>
<a class='reblog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>Reblog This Post</a></b:if>
</li></div>
Congratulations: You have successfully learned How to allow users to Reblog your posts in Blogger? Not only that, but you can also stylize it according to your desire needs. You can also preview your posts to see everything is working in an order or not.
We hope this tutorial has facilitated you to understand how to allow users to reblog your posts in blogger. Does anyone of you is using the same technique, If yes then let us know about your experience. If you like the post then do share it with your social media friends.
EmoticonEmoticon