HI! Guys! If you are a Blogger user then you must love to use different share button and styles widgets on your blog by editing your Blogger template, and that's what Most of us love blogger. There are lot's of thing that may help users like you and me about Blogger template, we can download templates from many many free website which are providing free for increasing their popularity and as so on.
But Do you know it's very easy to create your own blogger template and very soon I am going to create one for me, so stay stunned with us.
Here we will see How we can add a Reddit button to our Blogger blog with different style and settings.
There are many types of Reddit buttons are avilable on reddit site Here are all of it's code to place in new html/text widget, if you want to add them below blog post then paste it below :-
<div class='post-footer-line post-footer-line-2'/>
Or
<div class='post-footer-line post-footer-line-3'/></div></div>

If you are using a customised template then try these codes and paste the widget code after them:-
   


  <p class='post-footer-line post-footer-line-1'/>

OR


<div class='post-footer-line post-footer-line-1'/>


You can find all the codes of official Reddit buttons from here.

But How can you make them a floating widget for you blogger blog?


Here is A tutorial to make floating reddit button for your Blogger Blog:-



In this tutorial We are using this reddit button :- 

The code for this button are :-


  <script type="text/javascript">
    reddit_url = "http://www.reddit.com/buttons";
    reddit_title = "Buttons!";
    reddit_bgcolor = "FF3";
    reddit_bordercolor = "00F";
  </script>
  <script type="text/javascript" src="http://www.reddit.com/static/button/button3.js"></script>


To You may change the widget as per your choice I like this widget for my blog so I selected this one for Driving traffic to my blog from reddit.

First of all Go to your Blogger dashboard's layout section and

add a HTML/JavaScript in the widget widget and then paste these Floating Reddit Blogger widget in it.

  <!–SideBar Floating Share Buttons Code Start–>
  <style>
  #techjunkbloggerredditbutton {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;}
  #techjunkbloggerredditbutton .techjunkbloggerbutton {float:left;clear:both;margin:5px 5px 0 5px;}
   
   
  </style>
  <div id='techjunkbloggerredditbutton' title="Blogger reddit button">
  <div class='techjunkbloggerbutton' id='Reddit'>
    <div class='sbutton' id='reddit'><script type="text/javascript" src="http://www.reddit.com/static/button/button2.js"></script></div></div></div>
    <a href="http://bit.ly/redditbloggerbutton" target="_blank" rel="dofollow></a>
  <!–SideBar Floating Share Buttons Code End–>


The code highlighted in Yellow colour can be changed to adjust position of the Widget if you want it to appear right side of your Blogger Blog then do not change, In case of displaying this Reddit blogger widget on left side change it to "left" without quotes.

The Second highlighted code is for our attribution you can help us by keeping them, they do not affect your blog style, layout or SEO. If you want to place a different type of Reddit button then just copy the Reddit button from official website and replace the it with the code highlighted in Blue colour.

0 comments:

Post a Comment

 
DIGITAL SANKALP © 2013. All Rights Reserved. Powered by Blogger
Top