Home » Blogs, Social Bookmarking

How To Add The Top Social Bookmarking Badges To Your Blog

social bookmarking badgesYou have no doubt seen them before, but here is a colation of the top social bookmarking sites badge codes so you can pick what you like and add it to your page.

Simply add the code to the html of any post to place it in just that post, or to include it in every post add the code to the single.php file.  Go to WordPress Admin>Appearance>Editor>single.php and find the following line in the single.php file and add your badge’s code right below that, then save and your done.

<?php wp_link_pages(array(‘before’ => ‘<p><strong>Pages:</strong> ‘, ‘after’ => ‘</p>’, ‘next_or_number’ => ‘number’)); ?>

This may seem a little challenging at first but editing the php document is not as difficult as you think. If you are really worried, copy and paste the original document into a text file before you start, that way you can restore it if you make some changes you shouldn’t.

How To Add The Digg Badge To Your Site

digg badgeThe Digg badge has a visual counter that shows the number of diggs, and whether the viewer has already dugg the page or not. The first digger can submit the page to dig by clicking on the button. For more digg badge options check out the Digg Badge Page or to add the badge to the left simply paste the code below into your posts.

<script src=”http://digg.com/tools/diggthis.js” type=”text/javascript”></script>

How To Add The Buzz Up Button To Your Site

buzz up The Buzz Up button also has a visual counter that shows the number of buzzes, and whether the viewer has already buzzed the page or not. For more buzz button options check out the Yahoo! Buzz Button Page or to add the button to the left simply paste the code below into your posts.

<script type=”text/javascript” src=”http://d.yimg.com/ds/badge2.js” badgetype=”square”> ARTICLEURL </script>

How To Add A Stumble Upon Button To Your Site

Stumble buttonThe Stumble button simple submits a site to Stumble Upon and give you inditication to the number of stumbles. For more Stumble Upon button optionscheck out the Stumble Upon Button Page or to add the button to the left simply paste the code below into your posts.

<a href=”http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>”><img src=”http://cdn.stumble-upon.com/images/120x20_su_blue.gif”></a>

How To Add A Reddit Badge To Your Site

reddit buttonThe Reddit badge also has a visual counter that shows the number of votes. Users can vote for or against a post.For more buzz button options check out the Reddit Button Page or to add the button to the left simply paste the code below into your posts.

<script type=”text/javascript” src=”http://www.reddit.com/button.js?t=3″></script>

How To Add A Tehcnorati Badge To Your Site

technorati widgetTechnorati is a bit different to the rest as you just submit your whole blog to Technorati. Instead you can have a blog authority Badge. For more widget options check out theTechnorati Widget Page or to add the badge to the left simply paste the code below into your posts.

<script src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script>
<a href=”http://technorati.com/blogs/{URL}?sub=tr_authority_t_ns” class=”tr_authority_t_js” style=”color:#4261DF”>View blog authority</a>

How To Add A Delicious Button To Your Site

delicious buttonThe delicious button simply adds the URL to the users bookmarks however there is no simple badge that tracks the number of bookmarks a page has received. To see the button options check out Delicious Button Page or to add the badge to the left simply paste the code below into your posts.

<img src=”http://static.delicious.com/img/delicious.small.gif” height=”10″ width=”10″ alt=”Delicious” /> <a href=”http://delicious.com/save” onclick=”window.open(‘http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=’+encodeURIComponent(‘<?php the_permalink() ?>’)+’&amp;title=’+encodeURIComponent(‘<?php the_title() ?>’),’delicious’, ‘toolbar=no,width=550,height=550′); return false;”> Bookmark this on Delicious</a>

How To Add A Sphinn Badge To Your Site

As always I have included sphinn as a bonus. I like sphinn because they have a lot of blog and SEO related content and I recommend you join up because you WILL find useful posts to help you out in your blogging.

sphinn badgeThe Sphinn badge has a visual counter that shows the number of sphinns. Id the page has not been submitted it shows a “Sphinn It!” imege like the one to the left. For more sphinn badge options check out the Sphinn Badge Page or to add the badge to the left simply paste the code below into your posts.

<script type=”text/javascript” src=”http://sphinn.com/evb/button.php”></script>
Make sure you read Getting Popular on Social Bookmarking Sites 101 and decide which social bookmarking sites you are going to target before you get your badges.

11 Comments »

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.