Forgot your password?

Badges


Put a Piece of Slashdot on Your Page

You can add a badge or link to your page (or for a blog, to your page template, to get one on every page) to easily allow your readers to submit it to Slashdot for consideration; and once submitted, take them to the discussion.

Badges

sample Slashdot badge

A Slashdot badge is the easiest and most powerful tool to do this. Add a badge to your web page by including this snippet of HTML:

<script src="https://webarchive.library.unt.edu/web/20110503043115js_/http://slashdot.org/slashdot-it.js" type="text/javascript"></script>

If your page hasn't yet been submitted, a badge allows your readers to easily do so. Once it has been submitted, the color accent reflects its popularity and the toggle lets them vote on it in our system. The badge itself links to your submitted story and its discussion on Slashdot. Both anonymous and logged-in users can submit, but only logged-in users can vote directly. Anonymous users are taken to the intermediate step of logging in. Logged-in users who have already voted will see the state of their vote in the toggle. For instance, like this:

sample Slashdot badge

The Slashdot badge is somewhat customizable by setting some values in JavaScript before you invoke the badge script. For instance, you can suggest a title for the submission by setting slashdot_title or to specify a specific URL instead of the page the browser is currently showing by using slashdot_url. This might look like this:

<script type="text/javascript"> slashdot_title="Your Title Here"; slashdot_url="https://webarchive.library.unt.edu/web/20110503043115/http://example.com/my-story.html"; </script> <script src="https://webarchive.library.unt.edu/web/20110503043115js_/http://slashdot.org/slashdot-it.js" type="text/javascript"></script>

The examples above show the (default) horizontal style badge. Alternatively, you can have vertical badges by setting slashdot_badge_style:

slashdot_badge_style='v0'; Vertical badges look like this:

sample Slashdot badge

Links

For security or control reasons, you might wish to use your own image and formatting with a plain HTML link. This snippet builds the appropriate link automatically, you can paste it directly into your page as is:

<a href="javascript:location.href='https://webarchive.library.unt.edu/web/20110503043115/http://slashdot.org/slashdot-it.pl?op=basic&amp;url='+encodeURIComponent(location.href)">Slashdot It!</a>

Or you can construct the URL argument `by hand' for each page, e.g.,

<!-- for a page at https://webarchive.library.unt.edu/web/20110503043115/http://example.com/my-story.html, edit as appropriate for your site --> <a href="https://webarchive.library.unt.edu/web/20110503043115/http://slashdot.org/slashdot-it.pl?op=basic&amp;url=http%3A%2F%2Fexample.com%2Fmy-story.html">Slashdot It!</a>

You can add a `favicon'-sized Slashdot icon like so:

<img src="https://webarchive.library.unt.edu/web/20110503043115im_/http://images.slashdot.org/favicon.ico" alt="Slashdot" border="0" height="16" width="16"> Inserting that into the link (or really duplicating the link to get everything just right) produces:

Slashdot Slashdot It!

View the source if you need to see the exact HTML used to make the link above. You are welcome to download the favicon image to rehost from your own server if you prefer.

These simple links don't have all the power of badges. As with badges, your readers can easily submit a story or follow the link to the already-submitted story and discussion. There they will see its popularity and be able to vote --- things the simple link won't let them do directly from your page. The benefit to you is you can completely control the style, image, and formatting of such links, e.g., with CSS, to fit the rest of the page. It's all up to you.


Working...