How to Allow Users to Reblog your Posts in Blogger?

Advertisements
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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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. 
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

27 comments

June 23, 2013 at 8:52 PM

Thank You So Much For This !

June 23, 2013 at 8:55 PM

Awesome LOL :D .. but the thing is , copycats don't reblog it .. they just Copy the whole content and Paste in post editor :/ and i placed some internal links in the post , the guy who copied deleted all those :D

June 23, 2013 at 10:05 PM

I'm waiting for this tips, finally i found it here. Thank you for this..Looking forward for your future articles..

June 24, 2013 at 4:22 AM

Have you removed it from your Blog ? I can't see anywhere :/

June 24, 2013 at 7:43 AM

great idea....I asked permission to publish this article on my blog, thank you

Editorial Team MOD
June 24, 2013 at 9:11 AM

We never Added it here!

June 26, 2013 at 7:45 AM

Re-blogging is kinda neat way of linking back..cool

June 27, 2013 at 11:47 AM

Can't wait to try it! Thank you!

June 28, 2013 at 11:40 PM

File A DMCa Against That Guy .
They will Punish Him .

July 4, 2013 at 8:12 PM

why ?

August 30, 2013 at 1:54 AM

Guess he didn't add it here for the fear of content scrappers..lol

September 13, 2013 at 10:15 PM

Ahh! I tried it but it won't show up! Why not?

October 10, 2013 at 6:45 AM

Not clear on instructions. Do I paste the first block of code inside the skin code at the end or after it?

Editorial Team MOD
October 14, 2013 at 5:05 PM

Above the SKIN TAG. Simple enough.

December 9, 2013 at 11:28 AM

it might be simple enough for you but not for some people. I followed your instructions but it does not work. do I paste the codes on the new lines or it does not matter? would be better if I can send you screenshots of what I have.

Editorial Team MOD
December 10, 2013 at 9:30 PM

Probably you are not following it correctly? It doesn't matter all you need is to paste at the right place either on same or other line?

Yes screenshot will help

December 10, 2013 at 9:35 PM

I am unable to paste html code here or attach as an image..is there another way?

Editorial Team MOD
December 10, 2013 at 9:38 PM

Upload it on your blog >> Add a new post >> upload photo >> and than paste the image url in comments.

Also provide your blog url

December 10, 2013 at 9:42 PM

just did it-uploaded in my post

December 10, 2013 at 9:43 PM

http://andrealoewen.blogspot.com

Editorial Team MOD
December 10, 2013 at 9:45 PM

It automatically adds a Source Link in the bottom, Plus it does not copy the whole content just few paragraphs.

Editorial Team MOD
December 10, 2013 at 9:48 PM

How many <div class='post-footer'> your template has? There must me 2 or more Please paste the code above all <div class='post-footer'> tags because i can't find the code above it when i check your page source.

Editorial Team MOD
December 10, 2013 at 9:48 PM

Please follow what I said above.

March 11, 2014 at 7:53 AM

reblog button is not showing in my blogger???????

July 21, 2014 at 8:52 PM

how do i make it show the whole article?

October 16, 2014 at 6:31 AM

I can't find div class=post footer. I've been looking for half an hour. Help!!

Editorial Team MOD
October 17, 2014 at 3:10 AM

Can you please provide your blog URL?

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.