Blogger: fix Popular Posts' thumbnails behavior
Notes:
- jQuery for humanists
I'm not consider Myself a programmer - I don't have strict, 'mathematical' mind, and definitely I don’t love logic ;) .
But, interestingly, I do program, write some code for web-design purpose. To know that I'm able to write code without having that 'strict mind' is important - because it can encourage not only 'born programmers' to learn that field.
If You use the "Popular Posts" gadget with thumbnails enabled, You might have noticed the different behavior between thumbnails and posts' titles - when clicked. Titles are opening normally, while thumbnails are opening in a new window. Apparently there is no apparent reason why it works that way - it seems like this is a matter of how this gadget has been constructed. It may be confusing and/or totally unwanted for Your popular posts to be opened in new windows - fortunately You can fix it by a simple jQuery command.
First of all, if You don't implement jQuery on Your site, here You'll find a short instruction how to do this. Having jQuery already implemented let's begin the actual fix:
- In the "Layout" section find "HTML/JavaScript" gadget You've created for the jQuery purpose. The easiest way is to use the same gadget for all jQuery instructions. Click the "Edit" link attached to this gadget.
- At the end of its content (which may already exists in the "Content" field) paste following code:
/* Popular Posts' thumbnails fix */
$('.popular-posts li a').removeAttr( "target" );
- Click "Save" button, refresh Your site and check if the thumbnails work properly now.
No comments:
Post a Comment