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;">Tips: Change your float Right or Left as your requirement with change of Right in the code.
<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"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
Style 2
<div style="float:right;padding:4px;">Tips: Change your float Right or Left as your requirement with change of Right in the code.
<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"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
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"><img src="https://bitly.com/haakblog" alt="blogger" 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.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon