Social Bookmarking Icons after every blogger Post

April 10, 2009
Most of the bloggers out here know that social bookmarking is so important to us Do u wish to add these bookmarking icons like this:
Bookmark this post:

StumpleUpon Ma.gnolia
DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google
1)Goto Blogger Template>Edit HTML back up your template and expand the widget templates.

2)Now in your template Find
<head>

and replace it with

<head><script src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/simpletricks.js'> </script>

3)Now find

<p class='post-footer-line post-footer-line-3'>

And place this code below this line:
<!-- Social Bookmarking Icons Start www.trickstutor.co.cc-->
<style type='text/css'>
.bookmark img { border: 0;
padding:0px; }
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px; }
</style>
<span class='bookmark'>
<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='30%'>
<div expr:id='"sbtxt"+data:post.id'>Bookmark this post<a style="text-decoration:none;" href="http://www.trickstutor.co.cc">:</a></div><script type='text/javascript'>showsbtext("sbtxt" + "<data:post.id/>",0)</script>
</td>
<td>
<a rel="nofollow" expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' target='_blank'><img alt='StumpleUpon' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_stumb.gif'/></a> <a rel="nofollow" expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",6);"' target='_blank'><img alt='Ma.gnolia' border='0' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_mag.gif'/></a>
<a rel="nofollow" expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' target='_blank'><img alt='DiggIt!' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_dig.gif'/></a> <a rel="nofollow" expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Del.icio.us' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_del.gif'/></a> <a rel="nofollow" expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' target='_blank'><img alt='Blinklist' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_bli.gif'/></a> <a rel="nofollow" expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' target='_blank'><img alt='Yahoo' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_yah.gif'/></a> <a rel="nofollow" expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' target='_blank'><img alt='Furl' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_fur.gif'/></a> <a rel="nofollow" expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' target='_blank'><img alt='Technorati' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_tec.gif'/></a> <a rel="nofollow" expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"' target='_blank'><img alt='Simpy' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_sim.gif'/></a> <a rel="nofollow" expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"' target='_blank'><img alt='Spurl' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_spu.gif'/></a> <a rel="nofollow" expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"' target='_blank'><img alt='Reddit' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_red.gif'/></a> <a rel="nofollow" expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",20);"' target='_blank'><img alt='Google' src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/icon_sb_goo.gif'/></a>
</td>
</tr>
</table><br/>
</span>
<!-- Social Bookmarking Icons End www.trickstutor.co.cc-->

Now save the template.You can edit the text file to remove some of the icons. Credits to Beautiful Beta for developing this awesome javascript.

LIVE DEMO:

Leave a Comment

12 comments:

  1. RaviApril 23, 2009 at 4:21 PM

    While following this i am facing error..!!

    ReplyDelete
  2. AnonymousApril 23, 2009 at 4:38 PM

    What kind of Error?????

    ReplyDelete
  3. RaviMay 5, 2009 at 6:22 PM

    As i am not getting this line on my template :
    "p class='post-footer-line post-footer-line-3"
    so i am getting error :
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity "title" must end with the ';' delimiter.

    ReplyDelete
  4. AnonymousMay 5, 2009 at 7:13 PM

    Did you put a check in the box near "Expand Widget Templates" ???

    ReplyDelete
  5. RaviMay 8, 2009 at 7:53 PM

    Yaa i had...

    ReplyDelete
  6. Deadfire55June 4, 2009 at 12:11 AM

    yea something is wrong with the second code it doesn't have a ';' ending tag for the 'title'

    ReplyDelete
  7. NaaniJune 5, 2009 at 2:57 AM

    admin...i want this blog template..how to get it...pls help me....:)

    ReplyDelete
  8. Nathan D. CroyJune 17, 2009 at 9:50 PM

    Same problem here..

    ReplyDelete
  9. AnonymousJune 17, 2009 at 10:06 PM

    thank you
    http://pcnewsoft.blogspot.com/

    ReplyDelete
  10. EnursaJuly 25, 2009 at 11:40 PM

    good job

    tipsandcara | One-4-All | Blogger Template | gadget for Life Style | Blog Adsense

    ReplyDelete
  11. Rom GatchalianOctober 11, 2009 at 1:18 PM

    nice job sir

    ReplyDelete
  12. MSSMarch 27, 2011 at 1:43 AM

    It doesn't include Facebook or Twitter so it's useless. I'll keep looking.

    ReplyDelete

Subscribe to: Post Comments ( Atom )
Powered by Blogger.