Fancy Bookmarking style below post

Hi... nice to meet all of you again.

In my older post, I had tell all of you about my first social bookmark share design. Today, I want to tell you my second social bookmark share design. This second design have more different than the first one (Please don't remove the copyright by syafzpic.com part). I don't want to waste any more time for the introduction session. Let's we proceed to the tutorial shown below...

Step 1.
- Use Ctrl+F and search for this  ]]></b:skin> tag. Paste this code above the ]]></b:skin> tag:

.syafzpicc {
opacity: 0.45;
}
.syafzpicc:hover {
opacity: 1;
}

Step 2.
- Then, use and search Ctrl+F for this <data:post.body/> code.

Step 3.

- Paste this code below the <data:post.body/> code:

<div> <div style='background:#9f3503; padding:9px; border:solid 3px #dedede; font-size:12px;'> <table border='0' cellpadding='0' cellspacing='0' width='auto'> <tr> <td> <img style='border:none;' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/sharethispostone_by_syafzpic.png'/> </td> <td style='background:#341709; border:solid 2px #2e2e2e; padding:9px;' width='495'> <center> <!--Twitter--> <a class='syafzpicc' expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' title='twit this post on twitter.com.' target='_blank'> <img style='border:none;' alt='Twitter' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/TwiTTer_syafzpic.png'/> </a> <!--Digg--> <a class='syafzpicc' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Digg this post on digg.com.'> <img style='border:none;' alt='Digg' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/digg_32.png'/> </a> <!--Facebook--> <a class='syafzpicc' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' title='facebook.com.' target='_blank'> <img style='border:none;' alt='Facebook' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/facebook_32.png'/> </a> <!--Delicious--> <a class='syafzpicc' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' title='del.icio.us.com.' target='_blank'> <img style='border:none;' alt='Delicious' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/delicious_32.png'/> </a> <!--Stumble--> <a class='syafzpicc' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' title='stumbleupon.com.' target='_blank'> <img style='border:none;' alt='Stumble' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/stumbleupon_32.png'/> </a> <!--Technorati--> <a class='syafzpicc' expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' title='technorati.com.' target='_blank'> <img style='border:none;' alt='Technorati' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/technorati_32.png'/> </a> </center> </td> </tr> </table> </div> </div>


Step 4.
- Save your template and enjoy the elegant bookmarking share under your post.


Credits:
- syafzpic 

I hope all of you enjoy the tutorial and please leave a comment...

InspiredMagz.com