Here is the code;

With this code we will change our theme’s single.php and style.css files. If you don’t know about WordPress or PHP coding please don’t touch this files. And Make a backup before all changes.

First, download your theme’s single.php and open it. After that add tihs code to below of content area.

<div class="socials">
<a class="btn_email" href="mailto:?subject=<?php the_title(); ?>&amp;body=<?php the_permalink() ?>">E-mail</a>
<a class="btn_comment" href="#respond">Comment</a>
<a href="http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit to Del.icio.us" target="_blank" class="btn_delicious">Del.icio.us</a>
<a href="http://www.digg.com/submit?phase=2&amp;url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit Post to Digg" target="_blank" class="btn_digg">Digg</a>
<a href="http://reddit.com/submit?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit Reddit" target="_blank" class="btn_reddit">Reddit</a>
<a href="http://technorati.com/faves?add=<?php the_permalink() ?>" title="Submit to Technorati" target="_blank" class="btn_technorati">Technorati</a>
<a href="http://furl.net/storeIt.jsp?t=<?php the_title() ?>&amp;u=<?php the_permalink() ?>" title="Submit to Furl" target="_blank" class="btn_furl">Furl</a>
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>"&t="<?php the_title(); ?>" target="blank" class="btn_face"> Facebook</a>
</div>

After you add tihs code to single.php, save the file and download your theme’s style.css and open it. When you open, add this code to end of file;

/* Social Bookmarks Style Start */
.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:575px;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}
.btn_face {background:url(images/facebook.jpg) left no-repeat; padding-left:15px;}
/* Social Bookmarks Style End */

Download this file and upload images to your theme’s images folder.

Note: There is a file embedded within this post, please visit this post to download the file.

That’s All! Have a nice day!

Related posts:

1. Buble Tooltips!
2. Catch the First Image
3. Create Custom Date Butons!