How To Add Reblog Button In Your Blog

Reblog button is a button below your post which allows the readers to post the same post in their blog also. This way the same post is shared on more than one blog and it helps the post to go viral.

You might be wondering that in this way you will lose all your hard-work to someone’s else blog. But, by doing this you will also get a backlink from them. Each time your post is shared using this button, you will get a backlink from that blog. In this way, you will get lots of back links and this will ultimately help your blog to gain more traffic and more subscribers.

Add Reblog Button In Your Blog

In this post, I will show you how to use this amazing backlink creating trick on your blog also. Just follow these simple steps given below.

Add Re-Blog Button In Blogger

Step 1 : Open your blogger dashboard. Go to ‘Template’ and edit your template in HTML form.
Add Reblog Button In Your Blog
Step 2 : Click anywhere inside the code and then using the keys Control+F, open the search box.
Add Reblog Button In Your Blog
Step 3 : Search for ]]></b:skin>
Step 4 : Paste the following code just above it.
             .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;
}
 
Step 5 : Again search for the following given line.
              <div class=’post-footer’>
 
Step 6 : Paste the following code just above it.
             <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>
Step 7 : Save the template and you done with it.
I hope this tutorial helped you to add reblog button on your blog. If you face any problem with it then feel free to comment your problem below.

Add a Comment

Your email address will not be published. Required fields are marked *