reddit is a source for what's new and popular online. vote on links that you like or dislike and help decide what's popular, or submit your own!

put reddit.com buttons on your site

the reddit button is the smart way to get your content submitted to and discussed on reddit. pick the button you like from below, and then copy/paste the code into your HTML editor.

commonly used buttons

use one of these buttons to quickly add reddit links to your site, or see below for more options.

view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit1.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit7.gif" alt="submit to reddit" border="0" /> </a>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=0"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=1"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/static/button/button1.js"></script>

buttons with points

view codehide code
<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=0"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=1"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=2"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=3"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=4"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=5"></script>

customizing the look of your buttons

the buttons with points have three additional options.

styled=off
no styles will be added, so you can style it yourself
url=[URL]
specify a url to use instead of the current url
newwindow=1
opens links in a new window

Example:

<script type="text/javascript" src="http://www.reddit.com/buttonlite.js?i=1&styled=off&url=foo.com&newwindow=1"></script>

simple interactive button

put this code on your page:

<script type="text/javascript" src="http://www.reddit.com/static/button/button1.js"></script>

and you'll get something like this:

more interactive buttons

view codehide code
<script type="text/javascript" src="http://www.reddit.com/static/button/button1.js"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/static/button/button2.js"></script>
view codehide code
<script type="text/javascript" src="http://www.reddit.com/static/button/button3.js"></script>

interactive button advanced settings

specify a url
useful in places like blogs, where you want to link to the post's permalink

<script type="text/javascript">reddit_url='[URL]'</script>

specify a community to target

<script type="text/javascript">reddit_target='[COMMUNITY]'</script>

specify a title

<script type="text/javascript">reddit_title='[TITLE]'</script>

open links in a new window

<script type="text/javascript">reddit_newwindow='1'</script>

specify the color

<script type="text/javascript">reddit_bgcolor='[COLOR]'</script>

specify a border color

<script type="text/javascript">reddit_bordercolor='[COLOR]'</script>

Example:

to make this button:

use this code:

<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>

more badges and buttons

view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit1.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit2.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit3.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit4.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit5.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit6.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit7.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit8.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit9.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit10.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit11.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit12.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit13.gif" alt="submit to reddit" border="0" /> </a>
view codehide codesubmit to reddit
<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="http://www.reddit.com/static/spreddit14.gif" alt="submit to reddit" border="0" /> </a>


You are viewing a mobilized version of this site...
View original page here

Mobilized by Mowser Mowser