Home » Design » Social Bookmarking Icons For Blogger Look Like Facebook Like Button

Jun 4, 2010

Social Bookmarking Icons For Blogger Look Like Facebook Like Button

Design Add Comment
This social bookmarking blogger widget will add social bookmarking icons below each of your posts looking like facebook like button, so that your readers can bookmark your posts at famous social bookmarking sites like twitter, digg, reddit, del.icio.us, stumbleupon, google buzz. If you use this you will get the bookmarking icons after each blog post as you see on my blog here . To get this working on your blog do the following steps..

1)Goto Blogger Template>Edit HTML back up your template and expand the widget templates
2)Now in your template find 


</head>
and just above that paste the following code




<script src='http://blogger-plugins.googlecode.com/files/bkmrk_hover.js'></script> 
<style type='text/css'> .bookmark img { border: 0; padding:0px; } .bookmark a:hover { position: relative; top: 1px; left: 1px; } </style>

3)Now find



<p class='post-footer-line post-footer-line-3'>
Or if that is not there then find



<div class='post-footer-line post-footer-line-3'>
and place the following code just below any of these lines.



<span class='bookmark'>
<a expr:href='&quot;http://api.tweetmeme.com/share?url=&quot;+data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,21);&quot;' rel='nofollow' target='_blank'><img alt='Twitter' src='http://i50.tinypic.com/ay4n4n.png'/></a>
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url'> <img alt='Digg' border='0px' src='http://i49.tinypic.com/f0yivm.png'/></a>
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url'> <img alt='reddit' border='0px' src='http://i49.tinypic.com/ivxp50.png'/></a>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url'> <img alt='stumbleupon' border='0px' src='http://i50.tinypic.com/9qiedd.png'/></a>
<a expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;=&quot; + data:post.title'>
<img alt='buzz' border='0px' src='http://i46.tinypic.com/2cwmye.png'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title&quot; + data:post.title' target='_blank'><img alt='del.icio.us' border='0px' src='http://i48.tinypic.com/2lo4sqx.png'/></a>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=120&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:120px; height:21px'/></span>
Facebook Me! A Guide to Having Fun with Your Friends and Promoting Your Projects on Facebook


EmoticonEmoticon