It’s easy! If you have read How to add Digg button to Google Blogger/Blogspot, then you’ll find that the steps here are virtually similar.

So what’s Reddit? It is a social bookmarking system launched on 2005. It has functions similar with Digg where users can vote up or down what they think is cool and not cool. The more votes an article gets, the higher it ranks in a list and the more likely people would click on it and visit your blog. In another words, Reddit is another way to get more visitors to your blog. For more details, go here to read more.

So why add Reddit while you already have Digg? Well, I do that because in Digg, I feel that the categories are quite limited. And it is more catered towards news where the faster and more current your post is, the more likely it will be voted on. As for Revotra.com, it is more towards step by step guides and interesting IT related articles that are mostly timeless. Hence, most of the articles here are not Digg-ed. That is why I am trying our Reddit now and we’ll see what comes out of it.

Since I am already adding Reddit anyway, why don’t I come up with a step by step guide too? So here goes .. simple steps to add Reddit to your Google Blogger/Blogspot.

• Make sure you are not using the Classic Blogger's template. By now everyone should have upgraded. If you have not, you should do it first.
• Go to Layout, Edit HTML
• Make sure you tick the Expand Widget Template checkbox
• Search for the <data:post.body/> text. There will only be one, so you can't miss it

Once you found it, you will have a couple of option. There are 2 that I liked.

 
Then your code will be:
<!-- REDDIT Button BEGIN –>
   <div style='float:right;'>
   <script type='text/javascript'>
   reddit_url = &quot;<data:post.url/>&quot;;
   reddit_title = &quot;<data:post.title/>&quot;;
   reddit_newwindow = &quot;1&quot;;
   reddit_bgcolor = &quot;ffffff&quot;;
   reddit_bordercolor = &quot;ffffff&quot;;
   </script>
   <script src='http://www.reddit.com/button.js?i=3' type='text/javascript'/>
   </div>
<!-- REDDIT Button END –>

 
Then your code will be:
<!-- REDDIT Button BEGIN –>
   <div style='float:right;'>
   <script type='text/javascript'>
   reddit_url = &quot;<data:post.url/>&quot;;
   reddit_title = &quot;<data:post.title/>&quot;;
   reddit_newwindow = &quot;1&quot;;
   reddit_bgcolor = &quot;ffffff&quot;;
   reddit_bordercolor = &quot;ffffff&quot;;
   </script>
   <script src='http://www.reddit.com/button.js?i=1' type='text/javascript'/>
   </div>
<!-- REDDIT Button END –>

Copy the codes above carefully, and then paste it like this:
<div class='post-body'>
     <p>
       <!-- REDDIT Button BEGIN –>
            <div style='float:right;'>
            <script type='text/javascript'>
            reddit_url = &quot;<data:post.url/>&quot;;
            reddit_title = &quot;<data:post.title/>&quot;;
            reddit_newwindow = &quot;1&quot;;
            reddit_bgcolor = &quot;ffffff&quot;;
            reddit_bordercolor = &quot;ffffff&quot;;
            </script>
            <script src='http://www.reddit.com/button.js?i=1' type='text/javascript'/>
            </div>
         <!-- REDDIT Button END –>
     <data:post.body/>

Bold text represents the new code that you should paste into the template.

Final notes (tweaking stuff):
The reddit_newwindow option should be 1 or 0. If it is 1 then it will pop up a new window whenever someone clicks that Reddit button.

The reddit_bgcolor and reddit_bordercolor represents the colours that you want the button to have. Just insert the colour code that you want. But do not include the # because it does not accept that, I wonder why.

That’s it! Hope this article helps you and may it will bring in more traffic to your blog. If you need any assistance, please don’t hesitate to ask!