Reddit is a social news website. Users have the option to submit links to content on the Internet or submit "self" posts that contain original, user-submitted text. Other users may then vote the posted links "up" or "down" with the most successful links gaining prominence by reaching the front page. In addition, users can comment on the posted links and reply to other commentators consequently forming an online community.Reddit button to your blog can give your blog readers, a chance to bookmark the interesting posts of your blog.
There are 3 sharing buttons to choose from.
Integrating this into blogger will require some template edits.
To add this widget to your blog, follow these instructions:
Step 1:
Log in to Blogger, go to Design / Layout > Edit HTML and tick the "Expand Widget Templates" checkbox.
Step 2:
Now find (CTRL+F) this in the code:
<data:post.body/>
Case 1:
Going with Style 1.
To place the reddit button with counter at the top right corner of your post paste this code before/above it :
<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>
NOTE: Don't forget to save the template.
NOTE: To change the button position from "Top-Right" to "Top-Left" just change the float position to left. i.e.
float:right changes to float:left check it in Case 2 below.Case 2:
To place the reditt button with counter at the top left corner of your post paste this code before/above it :
<div style="float:left;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>
NOTE: Don't forget to save the template.
NOTE: To change the button style just change the style number (text marked in green). i.e.
t=1 to t=2 or to t=3. Check it in Case 3 and Case 4 below.Case 3:
Going with Style 2
To place the reddit button at the end of your post paste this code before/above it :
<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>
NOTE: Don't forget to save the template.
NOTE: To place the reddit button at the top left corner of your post just change the code as shown in Case 1 and Case 2.
Case 4:
Going with style 3.
To place the reddit button at the end of your post paste this code before/above it :
<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>
NOTE: Don't forget to save the template.
NOTE: To place the reddit button at the top left corner of your post just change the code as shown in Case 1 and Case 2.
NOTE: To place the reddit button at the end of your post paste this code after/below it.
This will put a Reddit Button to every post. But you can not choose which post you want to include or exclude a button.