bavotasan.com | Tutorials & Articles on CSS, SEO, JavaScript & jQuery, and WordPress Themes & plugins

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en-US"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://bavotasan.com:80/page/9/","20100829015341","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1283046821"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="googlebot" content="noindex,noarchive,follow,noodp"/> <meta name="robots" content="noindex,follow"/> <meta name="msnbot" content="noindex,follow"/> <meta name="description" content="bavotasan.com offers articles & tutorials on Web development, focusing on CSS, SEO, JavaScript & jQuery, and WordPress Themes & plugins."/> <meta name="keywords" content="wordpress,wordpress themes,custom theme,wordpress custom themes, premium themes,magazine basic,free,tinker priest media,blog,search engine optimization,seo,xhtml valid,css,html,php,mysql,web design,two columns,widget,sidebar,tags,gravatar,web programming,hacks,tutorials,illustrator,flash,photoshop,available for hire"/> <title>bavotasan.com | Tutorials & Articles on CSS, SEO, JavaScript & jQuery, and WordPress Themes & plugins | Page 9</title> <link rel="stylesheet" href="https://web.archive.org/web/20100829015341cs_/http://bavotasan.com/wp-content/themes/bavotasan-2010/style.css" type="text/css" media="screen"/> <link rel="shortcut icon" href="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/favicon.ico"/> <link rel="pingback" href="http://bavotasan.com/xmlrpc.php"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Feed" href="https://web.archive.org/web/20100829015341/http://bavotasan.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Comments Feed" href="https://web.archive.org/web/20100829015341/http://bavotasan.com/comments/feed/"/> <script type="text/javascript" src="https://web.archive.org/web/20100829015341js_/http://bavotasan.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://bavotasan.com/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://bavotasan.com/wp-includes/wlwmanifest.xml"/> <link rel="index" title="bavotasan.com" href="http://bavotasan.com/"/> <link rel="shortlink" href="https://web.archive.org/web/20100829015341/http://bit.ly/9P5NjE"/> <meta property="fb:page_id" content="137456822940271"/> <meta property="fb:admins" content="586505548"/> <meta property="og:site_name" content="bavotasan.com"/> <meta property="og:title" content="bavotasan.com"/> <meta property="og:description" content="bavotasan.com offers articles & tutorials on Web development, focusing on CSS, SEO, JavaScript & jQuery, and WordPress Themes & plugins."/> <meta property="og:image" content="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/images/bavotasan-b.png"/> <meta property="og:type" content="website"/> </head> <body class="home blog paged paged-9"> <div id="bodywrap">  <script type="text/javascript"> (function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//web.archive.org/web/20100829015341/http://s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })(); </script>   <div id="header"> <div id="topmenu" class="menu-top-menu-container"><ul id="menu-top-menu" class="menu"><li id="menu-item-2254" class="menu-item menu-item-type-custom menu-item-2254"><a href="https://web.archive.org/web/20100829015341/http://themes.bavotasan.com/">Themes by bavotasan.com</a></li> <li id="menu-item-2255" class="menu-item menu-item-type-custom menu-item-2255"><a href="https://web.archive.org/web/20100829015341/http://support.bavotasan.com/">Support Forum</a></li> <li id="menu-item-2259" class="menu-item menu-item-type-custom menu-item-2259"><a href="https://web.archive.org/web/20100829015341/http://themes.bavotasan.com/affiliates">Affiliates</a></li> <li id="menu-item-2256" class="menu-item menu-item-type-post_type menu-item-2256"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/about/">About</a></li> <li id="menu-item-2257" class="menu-item menu-item-type-post_type menu-item-2257"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/services/">Services</a></li> <li id="menu-item-2258" class="menu-item menu-item-type-post_type menu-item-2258"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/contact/">Contact</a></li> </ul></div> <div id="title"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/"> <img src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/images/bavotasan.png" alt="bavotasan.com" width="400" height="70"/> <span id="desc"></span></a> </div> <div id="follow"> <span></span> <a href="https://web.archive.org/web/20100829015341/http://twitter.com/bavotasan" class="twitter"></a> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/feed/" class="rss"></a> </div> <div id="navigation" class="menu-main-menu-container"> <ul id="menu-main-menu" class="menu"> <li id="menu-item-2264" class="current-menu-item"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/"><span></span>Home</a></li> <li id="menu-item-2266"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/articles/"><span></span>Articles</a></li> <li id="menu-item-2265"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/tutorials/"><span></span>Tutorials</a></li> <li id="menu-item-2267"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/downloads/"><span></span>Downloads</a></li> </ul> </div> </div>  <div id="mainwrapper"> <div id="leftcontent"> <div class="post"> <div class="thedate"><div class="month">Sep</div><div class="day">01</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/clearing-the-hr-tag-with-css-that-works-in-ie/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/09/cssglow.jpg" class="attachment-thumbnail wp-post-image" alt="cssglow" title="cssglow"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/tutorials/" title="View all posts in Tutorials" rel="category tag">Tutorials</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/clearing-the-hr-tag-with-css-that-works-in-ie/" class="maintitle">Clearing the <hr /> Tag with CSS That Works in IE</a></h2> <p class="clear">There is nothing more annoying than Internet Explorer. Every time you build a site you usually need to add a few CSS hacks just to make sure it works...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/clearing-the-hr-tag-with-css-that-works-in-ie/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/clearing-the-hr-tag-with-css-that-works-in-ie/#comments" title="Comment on Clearing the <hr /> Tag with CSS That Works in IE">2 comments</a></p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">27</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/08/screenshot-200x150.png" class="attachment-thumbnail wp-post-image" alt="screenshot" title="screenshot"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/downloads/" title="View all posts in Downloads" rel="category tag">Downloads</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/" class="maintitle">Stationery Premium WordPress Theme</a></h2> <p class="clear">Stationery is another premium theme created by myself and Juan Gordillo. It has a straightforward layout with strong design elements and tons of cool features. As I create more...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/#comments" title="Comment on Stationery Premium WordPress Theme">12 comments</a></p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">27</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/get-familiar-with-html-5/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/08/html5.png" class="attachment-thumbnail wp-post-image" alt="html5" title="html5"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/articles/" title="View all posts in Articles" rel="category tag">Articles</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/get-familiar-with-html-5/" class="maintitle">Get Familiar with HTML 5</a></h2> <p class="clear">If you work on the web you have probably heard about HTML 5. It is the next evolutionary step in web programming and the sooner you familiarize yourself with...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/get-familiar-with-html-5/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/get-familiar-with-html-5/#comments" title="Comment on Get Familiar with HTML 5">1 comment</a></p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">27</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-an-internet-explorer-testing-environment-on-a-mac/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/08/iemac.jpg" class="attachment-thumbnail wp-post-image" alt="iemac" title="iemac"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/tutorials/" title="View all posts in Tutorials" rel="category tag">Tutorials</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-an-internet-explorer-testing-environment-on-a-mac/" class="maintitle">Creating an Internet Explorer Testing Environment on a Mac</a></h2> <p class="clear">I have been a Mac man for a long time. I know some people hate ‘em for whatever reason, but I have always found them to be great machines...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-an-internet-explorer-testing-environment-on-a-mac/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-an-internet-explorer-testing-environment-on-a-mac/#comments" title="Comment on Creating an Internet Explorer Testing Environment on a Mac">27 comments</a></p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">18</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/10-wordpress-plugins-you-should-use/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/08/wordpress-plugin-2.jpg" class="attachment-thumbnail wp-post-image" alt="wordpress-plugin-2" title="wordpress-plugin-2"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/articles/" title="View all posts in Articles" rel="category tag">Articles</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/10-wordpress-plugins-you-should-use/" class="maintitle">10 WordPress Plugins You Should Use</a></h2> <p class="clear">WordPress.org currently hosts 6,265 plugins, which makes it kind of hard to figure out which ones are worth using. I have been using WordPress with a long time now...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/10-wordpress-plugins-you-should-use/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/10-wordpress-plugins-you-should-use/#comments" title="Comment on 10 WordPress Plugins You Should Use">8 comments</a></p> </div> </div>  <div id="bsap_1248153" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  <br class="clear"/> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">17</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/how-to-display-an-author-list-with-avatars-in-wordpress/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/08/gravatar.jpg" class="attachment-thumbnail wp-post-image" alt="gravatar" title="gravatar"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/tutorials/" title="View all posts in Tutorials" rel="category tag">Tutorials</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/how-to-display-an-author-list-with-avatars-in-wordpress/" class="maintitle">How to Display an Author List with Avatars in WordPress: Redux</a></h2> <p class="clear">WordPress has a built in function to display a list of all of your site’s authors. But there is no option to display their avatars, so all you really...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/how-to-display-an-author-list-with-avatars-in-wordpress/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/how-to-display-an-author-list-with-avatars-in-wordpress/#comments" title="Comment on How to Display an Author List with Avatars in WordPress: Redux">35 comments</a></p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">11</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/08/theme-200x150.png" class="attachment-thumbnail wp-post-image" alt="theme" title="theme"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/downloads/" title="View all posts in Downloads" rel="category tag">Downloads</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/" class="maintitle">Illustrious Premium WordPress Theme</a></h2> <p class="clear">Up to now, I have created quite a few themes for WordPress and offered them all for free. I plan on continuing to do so, but I also plan...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/#comments" title="Comment on Illustrious Premium WordPress Theme">12 comments</a></p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">10</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/remove-the-wordpress-generator/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/08/wp.png" class="attachment-thumbnail wp-post-image" alt="WordPress" title="WordPress"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/tutorials/" title="View all posts in Tutorials" rel="category tag">Tutorials</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/remove-the-wordpress-generator/" class="maintitle">Remove the WordPress Generator</a></h2> <p class="clear">WordPress automatically places a line of text between your <head> tags which states the version you currently have installed. I have read that it is there for statistical reasons...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/remove-the-wordpress-generator/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/remove-the-wordpress-generator/#comments" title="Comment on Remove the WordPress Generator">7 comments</a></p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">05</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/validate-your-web-designs/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/08/validator.jpg" class="attachment-thumbnail wp-post-image" alt="validator" title="validator"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/articles/" title="View all posts in Articles" rel="category tag">Articles</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/validate-your-web-designs/" class="maintitle">Validate Your Web Designs</a></h2> <p class="clear">When it comes to programming and designing web sites we should all aspire to create sites that conform to current W3C standards. Luckily enough, there is a great tool...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/validate-your-web-designs/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/articles/validate-your-web-designs/#comments" title="Comment on Validate Your Web Designs">1 comment</a></p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">05</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/"><img width="200" height="150" src="https://web.archive.org/web/20100829015341im_/http://bavotasan.com/wp-content/uploads/2009/09/jquerylogo.png" class="attachment-thumbnail wp-post-image" alt="jquerylogo" title="jquerylogo"/></a> </div> <div class="text"> <div class="catname"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/category/tutorials/" title="View all posts in Tutorials" rel="category tag">Tutorials</a></div> <h2><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/" class="maintitle">Creating a Mouseover Fade Effect with jQuery</a></h2> <p class="clear">My last little jQuery tutorial was an alternative to using CSS to create an image change on a mouseover. Now I want to take that one step further and...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/">Read More</a></p> <p class="comment-number"><span></span><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/#comments" title="Comment on Creating a Mouseover Fade Effect with jQuery">88 comments</a></p> </div> </div> <div id="wp_page_numbers"><ul> <li class="page_info">Page 9 of 17</li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/8/">«</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/" class="first" title="First Page">1</a></li><li class="space">...</li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/5/" title="5">5</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/6/" title="6">6</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/7/" title="7">7</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/8/" title="8">8</a></li><li class="active_page">9</li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/10/" title="10">10</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/11/" title="11">11</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/12/" title="12">12</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/13/" title="13">13</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/14/" title="14">14</a></li><li class="space">...</li><li class="first_last_page"><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/17/" title="Last Page">17</a></li><li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/page/10/">»</a></li></ul></div> </div>  <div id="sidebar"> <div id="search"> <form method="get" id="searchform" action="https://web.archive.org/web/20100829015341/http://bavotasan.com/"> <div> <input type="text" class="search_input" value="Search" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"/> <input type="hidden" id="searchsubmit" value="Search"/> </div> </form> <div class="arrow"></div> </div> <div id="sideads">  <div id="bsap_1237633" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  <br class="clear"/>  <div id="bsap_1237624" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  </div> <br class="clear"/> <div class="line"></div> <div class="side-widget"> <h4>Most Popular Posts</h4> <ul class="wppp_list"> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/" title="Creating a Mouseover Fade Effect with jQuery ">Creating a Mouseover Fade Effect with jQuery </a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/a-simple-mouseover-hover-effect-with-jquery/" title="A Simple Mouseover Hover Effect with jQuery">A Simple Mouseover Hover Effect with jQuery</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/" title="Full Size Background Image jQuery Plugin">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/" title="Magazine Basic v2.6 WordPress Theme">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/processing-multiple-forms-on-one-page-with-php/" title="Processing Multiple Forms on One Page with PHP">Processing Multiple Forms on One Page with PHP</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/retrieve-the-first-image-from-a-wordpress-post/" title="Retrieve and Display Images from a WordPress Post">Retrieve and Display Images from a WordPress Post</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/easy-overlay-modal-window-jquery-plugin/" title="Easy Overlay Modal Window jQuery Plugin">Easy Overlay Modal Window jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/limiting-the-number-of-words-in-your-excerpt-or-content-in-wordpress/" title="Excerpt or Content Word Limit in WordPress: Redux">Excerpt or Content Word Limit in WordPress: Redux</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/" title="How to Create a Twitter Feed on Your Web Site">How to Create a Twitter Feed on Your Web Site</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/remove-the-title-attribute-from-wordpress-category-and-page-lists/" title="Remove the Title Attribute from WordPress Category and Page Lists">Remove the Title Attribute from WordPress Category and Page Lists</a></li> </ul> </div> <div id="affiliates-ads"> <a href="https://web.archive.org/web/20100829015341/http://themes.bavotasan.com/" class="themes"></a> <a href="https://web.archive.org/web/20100829015341/http://wordcampmontreal.org/" title="I'm Speaking at WordCamp Montreal 2010 - Aug 28-29" class="wordcamp"></a> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/" class="deletedupes"></a> <a href="https://web.archive.org/web/20100829015341/https://www.e-junkie.com/ecom/gb.php?cl=88539&c=ib&aff=93121" class="digwp"></a> <a href="https://web.archive.org/web/20100829015341/https://www.e-junkie.com/ecom/gb.php?cl=94455&c=ib&aff=93121" target="ejejcsingle" class="defender"></a> <a href="https://web.archive.org/web/20100829015341/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest&page=7" class="inmotion"></a> </div> <div class="line"></div> <div class="side-widget redlink"> <h4>Get a Premium Theme for FREE</h4> <p><a href="https://web.archive.org/web/20100829015341/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest" class="wordpress-logo"></a>Don't have a Web site? How would you like to have WordPress and a <a href="https://web.archive.org/web/20100829015341/http://themes.bavotasan.com/category/premium-themes">Themes by bavotasan.com</a> Premium theme installed and configured for <em>FREE</em>? All you need to do is <a href="https://web.archive.org/web/20100829015341/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest">sign up with InMotion Hosting through this link</a>. <br/> <br/> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/free-premium-theme/" class="fr"><em>Click here for more information »</em></a> </p> </div> <div class="side-widget"> <h4>Support c.bavota</h4> <p>If you would like to support <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/">c.bavota</a> and <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/">bavotasan.com</a>, please use the donate link below. Any amount, even $1.00, is appreciated (a man's gotta eat, ya know).</p> <a href="https://web.archive.org/web/20100829015341/https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5745952" id="donate" class="fr">Donate</a> </div> </div> </div> </div>  <div class="whiteline"></div> <div id="footer"> <div id="bottombar"> <a href="javascript:void(0)" class="backtotop">Back to Top<span></span></a> <div class="col col1"> <h4 class="one"><span></span>Stay in Touch</h4> <a href="https://web.archive.org/web/20100829015341/http://twitter.com/bavotasan" class="footer-twitter"><span></span>Follow me on Twitter</a><br/> <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/feed/" class="footer-rss"><span></span>Subscribe to my RSS Feed</a> <br class="clear"/> <h4 class="two"><span></span>Stay in Tune</h4> <div class="tweets"></div> </div> <div class="col col2"> <h4 class="three"><span></span>Downloads</h4> <ul> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/feed-me-seymour-free-wordpress-theme/">Feed Me, Seymour 1.2</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/sliderota-jquery-plugin/">Sliderota jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/easy-overlay-modal-window-jquery-plugin/">Easy Overlay Modal Window jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/snowblind-free-wordpress-theme/">Snowblind v1.1.2 Free WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/8-free-colorful-background-textures-for-designers/">8 Free Colorful Background Textures for Designers</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/">Stationery Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/">Illustrious Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/">Delete Duplicate Posts Pro WordPress Plugin</a></li> </ul> </div> <div class="col col3"> <h4 class="four"><span></span>Tutorials</h4> <ul> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/">Optimization Tips to Speed Up Your Site</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/create-bit-ly-short-urls-for-your-posts-in-wordpress/">Create bit.ly Short URLs for your Posts in WordPress</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/optimizing-your-mysql-database/">Optimizing your MySQL Database</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/draw-smiley-face-css3/">How to Draw a Smiley Face with CSS3</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/jquery-replace-word-with-link/">Use jQuery to Replace a Word with a Link</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/a-simple-css-trick-to-vertically-align-text/">A Simple CSS Trick to Vertically Align Text</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/using-ajax-with-wordpress/">Using Ajax with WordPress</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/blindtoggle-for-jquery/">Blind Toggle for jQuery</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/shorten-your-post-titles-in-wordpress/">Shorten Your Post Titles in WordPress</a></li> <li><a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/tutorials/display-rss-feed-with-php/">An Easy Way to Display an RSS Feed with PHP</a></li> </ul> </div> </div> </div> <div id="copyright"> <div id="copyright-wrapper"> Copyright © 2010 <a href="https://web.archive.org/web/20100829015341/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20100829015341/http://www.wordpress.org/">WordPress</a>. </div> </div> <script src="https://web.archive.org/web/20100829015341js_/http://stats.wordpress.com/e-201034.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'5317602',v:'ext',post:'0'}); var load_cmc = function(){linktracker_init(5317602,0,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <script type="text/javascript" src="https://web.archive.org/web/20100829015341js_/http://bavotasan.com/wp-content/themes/bavotasan-2010/js/coolstuff.js"></script> <script type="text/javascript"> hs.graphicsDir = 'https://web.archive.org/web/20100829015341/http://bavotasan.com/images/graphics/'; hs.outlineType = 'rounded-white'; hs.outlineWhileAnimating = true; hs.showCredits = false; </script>  </body> </html>

CINXE.COM

bavotasan.com | Tutorials & Articles on CSS, SEO, JavaScript & jQuery, and WordPress Themes & plugins | Page 9