Blogger Tips

How to Add Reddit Button For Blogger


Reddit is a social bookmarking website and you can use reddit share button to add your post as bookmark at reddit.com directly from your website. Your user also votes the post with click on up and down button of reddit to gain first page position on front page in reddit. Your user also can comment on the your posted link and reply to other comment that are posted by other users.


Your user can be bookmarked interesting post form your blog with the help of reddit button. You will also get backlink and traffic for your post from reddit.com. We give you three different type of reddit button for your website. Please see below picture for demo and choose your style for add reddit button on your website. 

Add Reddit Button For Blogger

Please follow below step to add Reddit button on your website:

Step 1


Log in into Blogger Dashboard.

Step 2


Go to Template and click on Edit HTML button as shown in below picture.


Step 3


Find below code With the help of CTRL+F:
<data:post.body/>

Step 4


Copy and Paste your style code before it:

Style 1


<div style="float:right;padding:4px;">
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=1"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>

Tips: Change your float Right or Left as your requirement with change of Right in the code.

Style 2


<div style="float:right;padding:4px;">
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=2"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>

Tips: Change your float Right or Left as your requirement with change of Right in the code.

Style 3


<div style="float:right;padding:4px;">
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=3"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>

Tips: Change your float Right or Left as your requirement with change of Right in the code.

Step 5


Click on Save Template Button.


0 comments:

Post a Comment

Powered by Blogger.