Daily Ubuntu / Linux news and application reviews.

ads

AddThis is a social bookmarking button / gadget that people can insert into their website which makes it easy to share the stories to websites like Digg, StumbleUpon, Facebook, Twitter, Reddit, Email and so on.

This is just a simple trick that will make the "AddThis" social bookmarking button to only pop-up when clicked and stop being so obtrusive and pop-up on mouse hover (that's the default behaviour).

Here is how the default code looks like:

 <!-- AddThis Button BEGIN -->
<div><script type="text/javascript">var addthis_pub="your_user_id";</script>
<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script></div>
<!-- AddThis Button END -->


Search for "onmouseover" and replace it with "onclick". After that, your code should look like this:

 <!-- AddThis Button BEGIN -->
<div><script type="text/javascript">var addthis_pub="your_user_id";</script>
<a href="http://www.addthis.com/bookmark.php?v=20" onclick="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script></div>
<!-- AddThis Button END -->



You can see it's default behavior here, and the modified, only pop-ul on click at the bottom of this post.
«
Next
Newer Post
»
Previous
Older Post