Social Bookmarking Widget for Blogger

Social bookmarking widget for Google Blogger. You can see how it looks here on this blog.

In Blogger go to your Layout Tab, then enter Edit HTML tab.
Search for “<span class=’post-icons’>” inside “<div class=’post-footer-line post-footer-line-1′>” and insert following code:

<!-- social bookmarking for blogger --> <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' style='float:right;margin:1px;' target='_blank' title='Add to Technorati'><img alt='Tech' src='http://sites.google.com/site/bookmarkzer/technorati.png' title='Add to Technorati'/></a> <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' style='float:right;margin:1px;' target='_blank' title='Add to StumbleUpon'><img alt='SU' src='http://sites.google.com/site/bookmarkzer/stumbleupon.png' title='Add to StumbleUpon'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' style='float:right;margin:1px;' target='_blank' title='Add to del.icio.us'><img alt='D.I.U' src='http://sites.google.com/site/bookmarkzer/delicious.png' title='Add to del.icio.us'/></a> <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' style='float:right;margin:1px;' target='_blank' title='Add to Digg'><img alt='DG' src='http://sites.google.com/site/bookmarkzer/digg.png' title='Add to Digg'/></a> <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' style='float:right;margin:1px;' target='_blank' title='Add to Google Bookmarks'><img alt='GoB' src='http://sites.google.com/site/bookmarkzer/google.png' title='Add to Google Bookmarks'/></a> <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url' rel='nofollow' style='float:right;margin:1px;' target='_blank' title='Send Twitt'><img alt='Twitt' src='http://sites.google.com/site/bookmarkzer/twitthis.png' title='Send Twitt'/></a> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' style='float:right;margin:1px;' target='_blank' title='Add to Facebook'><img alt='FB' src='http://sites.google.com/site/bookmarkzer/facebook.png' title='Add to Facebook'/></a> <!-- social bookmarking for blogger --> 

Yes it looks a bit cumbersome, but at least it does not depend on javascript.

Leave a Reply

Your email address will not be published. Required fields are marked *