Re-blog 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 back link from them. Each time your post is shared using this button, you will get a back link 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.
In this post, I will show you how to use this amazing back link creating trick on your blog also. Just follow these simple steps given below.
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 back link from them. Each time your post is shared using this button, you will get a back link 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.
In this post, I will show you how to use this amazing back link 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.
Step 2 : Click anywhere inside the code and then using the keys Control+F, open the search box.
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 + "&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>
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.
