Add Social Bookmarking Buttons in your WordPress Blog without plugins

There are nearly 8,087 plugins in the Worpress .org site and many of them are useful from different point of views. So does that means that you should just go and install all of them. “Plugins can extend WordPress to do almost anything you can imagine” and this statement is enough for many to just go and start downloading and installing all the plugins that they want without even thinking what could be result of installing so many plugins could do. Using many plugins can slow down your blog performance, reason being, more number of queries from plugins.

Yes, Plugins are important because of their functionality but if there are alternatives to plugins then why not use them to get your work done. Using Manual code to replace wordpress plugin is a much better way.

In this post I will be highlighting the manual codes that we can use to create share buttons for Retweet, Digg, Buzz, DesignFloat, StumbleUpon, FShare, Delicious, DZone, Reddit, Technoraiti.

How to use


For WordPress Blog Paste the following code in your theme folders single.php file and for your website paste it on proper place where you want to display.

Retweet Counter

tweetmeme_retweet
Add a retweet counter on your posts with Tweetmeme

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/
button.js"></script>

Source


The Digg Button

digg_this_button

<a class="DiggThisButton"> ('<img src="http://digg.com/img/diggThis.png" 
height="80" width="52" alt="DiggThis" />')</a>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript">
</script>

Source


StumbleUpon

stumble_upon_button

<a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>
&title=<?php the_title(); ?>"><img src="http://cdn.stumble-upon.com/
images/32x32_su_solid.gif" alt="StumbleUpon.com"/></a>

Source


Delicious

delicious

<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&noui&jump=close&url='+encodeURIComponent('<?php 
the_permalink() ?>')+'&title='+encodeURIComponent('<?php the_title() ?>
'),'delicious', 'toolbar=no,width=550,height=550'); return false;"> 
Bookmark this on Delicious</a>

Source


DZone

dzone_button

<script language="javascript" src="http://widgets.dzone.com/links/
widgets/zoneit.js"></script>  

Source


DesignFloat

design_float_buttonFor use with WordPress powered blogs, replace “Your URL Here” with <?php the_permalink() ?>

<script type="text/javascript">submit_url = 'Your URL Here';</script>
<script type="text/javascript" src="http://www.designfloat.com/evb2/
button.php"></script> 

Source


fShare

fshare_button

<a name="fb_share" type="box_count" href="http://www.facebook.com/
sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php
/js/FB.Share" type="text/javascript"></script>

Source


Mixx

mixx_button

<a href="http://www.mixx.com/" onclick="window.location='http://
www.mixx.com/submit?page_url='+window.location; return false;"><img 
src="http://www.mixx.com/images/buttons/mixx-button4.png" alt=
"Add to Mixx!" border="0" /></a>

Source


Reddit

reddit_button

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

Source


Technorati

technorati_button

<a href="http://technorati.com/faves?sub=addfavbtn&add=http://
nameofmyblog.wordpress.com"><img src="http://static.technorati.com/
pix/fave/tech-fav-1.png" alt="Add to Technorati Favorites" /></a>

change “nameofmyblog” with the actual name of your blog.

Source


Buzz

yahoo_buzz_button

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

Source



New Additions


Blog Engage

blogengage__button

<script type="text/javascript">submit_url = "<?php the_permalink();
?>";</script><script src="http://blogengage.com/evb/button.php">
</script>

Source


If there are any other additions please suggest we would do the needful.

Sign up for professional testking HP0-Y23 training to learn how to create beautiful web pages using testking 1Y0-A09 web design tools and testking 000-200 resources.

A total football nerd, he loves designing to the core and also likes to get his hands on some programming. He is the Co-Founder of ArtAtm. He hails from India. You may want to Follow Him On Twitter

Jitu – who has written posts on Artatm - Creative Art Magazine.


29 Responses to “Add Social Bookmarking Buttons in your WordPress Blog without plugins”
  1. Carlo

    I finally found what i am searching for.. I been searching to compare my works to this.. because I am having trouble in styling this icon.

  2. thegadgetmedia

    thanx

  3. Mark

    This is great. I have a love/hate relationship with my social button plugin as it doesn’t seem to always calculate correctly. I ended up here looking for a button to just let someone bookmark our page as their seem to be a lot of people coming back to check out the progress on our big project.

  4. Kimberly Sutherland

    I was wondering if you could also add on FB Like button and Google plus 1 button? This information has been very helpful especially for a newbie. It’s very much appreciated!

    Kimberly

  5. laptop

    Thanks for posting this information! Thank for the source code as well, very helpful!

  6. Majid Khan

    this site is very usful for improving our web site or blog this site is full of informatic and good product for our blog so i am once again say this site is very good

  7. Darto KLoning

    thanks for tips, it works except Reddit.

  8. Devin Thayer

    Thought you might want to be informed of the latest Mixx counter button:
    http://www.allinclusivelinks.com/index.php?option=com_content&view=article&id=962:mixx-counter-button-the-very-first-ever&catid=492:news&Itemid=44
    If you have any suggestions, please inform me! Thanks!

  9. Andrea

    I added the Facebook share box and noticed that the number of shares does not update when you refresh the page. Also, the counter box that hovers above the “share” button doesn’t display unless it has already been shared. Any advice?

    • Jitu

      Hi Andrea,
      I use the same share code, it is the default behavior of the code to not display anything when it is not already shared. This
      is something even I have tried to look out for but haven’t got any solution.

  10. Umar

    I needs a plugin for wordpress having all these icons with counter… suggest me please

    • Admin

      You can use Sociable plugin or sharethis, i don’t think there is any plugin that can provide proper counter feature, for that you have to insert manual code into you theme..

  11. Coder

    Thanks for posting this information! Thank for the source code as well, very helpful! :-)

  12. Social Bookmarking

    these buttons are needed fpr many webmasters with any kinf of business. Thanks

  13. James Smith

    Great to know about Social Bookmarking, Do check http://www.searchulike.com and search popular Social Bookmarks…

    James

  14. Tech tips

    Wow wonderful information .Is it possible for me to customize the image size of social icons?

    Thank you in advance
    madav

  15. nish

    Thanks a lot. You have solved my problem.

  16. Nyak Neea

    Thanks, and now my blog have any widget,,,, and thanks to your image :D

  17. rod rodriguez

    Hi, I was wondering if you can help me out, I’m having issues with my facebook sharing button, it’s not getting shared. Any ideas why, I’ve tried using different sharing plugins and it’s all the same. So maybe it has something to do with my theme. Any inputs would be highly appreciated. Thanks.

    • Jitu

      Could we know which theme you are using???

  18. rusticchild

    Hey, you have a great blog here! I’m definitely going to bookmark you! Thank you for your info.And this is Social bookmark site/blog. It pretty much covers ###Social bookmark## related stuff.
    .-= rusticchild´s last blog ..Laser Eye Surgery – Will Insurance Pay? Determining the Medical Necessity of Cosmetic Treatments =-.

  19. John Thomas

    I was looking for this and my search ends here
    .-= John Thomas´s last blog ..World Environment Day 2010 =-.

  20. subin surendran

    Retweet Counter is more useful

  21. Omer Greenwald

    Thanks for the excellent post. I’m a big fan of creating user functions instead of plugins as well, because it keeps your blog clean and speedy and your visitors happy.

  22. radixal

    nife info…thx

  23. WP Themes

    Genial dispatch and this post helped me alot in my college assignement. Thanks you as your information.

  24. ray ban store

    I enjoyed the article and thanks in greetings to posting such valuable tidings in lieu of of all of us to shoplift perception of, I start it both healthful and communicative and I method to tip it as upwards as I can.

    ray ban 3025

  25. bbrian017

    This is actually a really great resource. Perhaps you can also add the blogengage badge button code? You can find it here, http://www.blogengage.com/profile_promo.php

    Thanks in advance!

    • Jitu

      Hi Brian,

      Sorry for missing out on Blog Engage. I have done the necessary edition!!!!!!

Leave a Reply