Adding Big social Bookmark Icon Manually

Last time i wrote a tips to show big social bookmark icon from sociable Plugin. But i was interested to add big social bookmark icon manually. Follow this steps to add big social bookmark icons on your web page or site :
1. Create or dowload Big, Eye-catching Social Bookmarking Icons. You can find good collection of big social bookmark icon from here.

2. Upload the images to your website. Now write down the image URL for later use. Exampe: www.example.com/example.jpg

3. Now add the css style code for the Bookmark image File. Here is an example code:

/* ... Big social bookmarks ... */
div.social{margin:16px 0}
span.social_tagline{position:relative}
span.social_tagline span{display:none; width:14em}
span.social_tagline:hover span{position:absolute; display:block; top:-5em; background:#ffe; border:1px solid #ccc; color:black; line-height:1.25em}
.social span{display:block}
.social ul{display:inline; margin:0 !important; padding:0 !important}
.social ul li{background:none; display:inline !important; list-style-type:none; margin:0; padding:1px}
.social ul li:before{content:""}
.social img{float:none; width:57px; height:70px; border:0; margin:0; padding:0}

Now save and upload your css code.

4. After adding CSS code add social bookmark code you site. For wordpress edit single.php file inside your theme directory and add this code.. to show your social bookmark icon
For WordPress Blog:

I added Digg, Stumbleupon, Technorati and del.icio.us. You can add more popular codes. Adding the popular social bookmark sites icon is the best thing to do. Have fun..