Thursday, June 21, 2007

Put Your Social Bookmarking Icons in a CSS Dropdown Menu

social bookmark icons blogAddThis [review] now offers a beautiful alternative to social bookmarking icons or those 16x16 pixel images that clutter the footer of almost every blog post on the web.

With AddThis, you can easily put links to all popular social bookmarking websites in a two-column drop down that appears only when someone hovers the mouse over the Bookmark button - the icons and links stay hidden or invisible otherwise.

If a visitor cannot find his/her favorite social bookmarking site in the AddThis menu, they can click the "More.." link access all other other social bookmarking services. Very cool!

Just add the following code to your blog template.

<!-- AddThis Bookmark Button BEGIN -->
<script type="text/javascript">
  addthis_url    = location.href;  
  addthis_title  = document.title; 
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
<!-- AddThis Bookmark Button END --> 

Though you can grab the AddThis button for your blog without registration, I seriously recommend getting a free account as you get access to invaluable stats.

Time to keep your blog layout free of social bookmarking clutter. AddThis also has a plugin for WP users.

0 comments:

Post a Comment