My First Vanilla Plugin | bavotasan.com

<!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="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_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="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://bavotasan.com:80/downloads/my-first-vanilla-plugin/","20110108111823","https://web.archive.org/","web","/_static/", "1294485503"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="googlebot" content="index,archive,follow,noodp"/> <meta name="robots" content="all,index,follow"/> <meta name="msnbot" content="all,index,follow"/> <meta name="description" content="I have been fiddling around with Vanilla lately to prepare my support forum for a migrating over from bbPress. Vanilla is great and it offers tons of usefu..."/> <meta name="keywords" content="download,Forum,jquery,plugin,support,Support Forum,vanilla,"/> <title>My First Vanilla Plugin | bavotasan.com</title> <link rel="stylesheet" href="https://web.archive.org/web/20110108111823cs_/http://bavotasan.com/wp-content/themes/bavotasan-2010/style.css?ver=1.0.8" type="text/css" media="screen"/> <link rel="shortcut icon" href="https://web.archive.org/web/20110108111823im_/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/20110108111823/http://feeds.feedburner.com/bavotasan"/> <script type="text/javascript" src="https://web.archive.org/web/20110108111823js_/http://bavotasan.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <link rel="index" title="bavotasan.com" href="http://bavotasan.com/"/> <link rel="start" title="Removing Images from a WordPress Post: Redux" href="http://bavotasan.com/tutorials/removing-images-from-a-wordpress-post/"/> <link rel="prev" title="Add a Copyright Notice to Copied Text" href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/add-a-copyright-notice-to-copied-text/"/> <link rel="next" title="A New Look for Themes by bavotasan.com" href="https://web.archive.org/web/20110108111823/http://bavotasan.com/articles/a-new-look-for-themes-by-bavotasan-com/"/> <link rel="canonical" href="https://web.archive.org/web/20110108111823/http://bavotasan.com/downloads/my-first-vanilla-plugin/"/> <link rel="shortlink" href="https://web.archive.org/web/20110108111823/http://bit.ly/cS3onI"/> <script type="text/javascript" src="https://web.archive.org/web/20110108111823js_/http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> <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="My First Vanilla Plugin"/> <meta property="og:description" content="I have been fiddling around with Vanilla lately to prepare my support forum for a migrating over from bbPress. Vanilla is great and it offers tons of useful options that blow bbPress out of the water. Plus, it鈥檚 based in Montreal and I recently got to know the people behind it and they are totally [...]"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://web.archive.org/web/20110108111823im_/http://bavotasan.com/wp-content/uploads/2010/11/Vanilla.jpg"/> </head> <body class="single single-post postid-2969"> <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/20110108111823/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/20110108111823/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/20110108111823/http://themes.bavotasan.com/support/">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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/http://bavotasan.com/contact/">Contact</a></li> </ul></div> <div id="title"> <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/"> <img src="https://web.archive.org/web/20110108111823im_/http://bavotasan.com/wp-content/themes/bavotasan-2010/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/20110108111823/http://twitter.com/bavotasan" class="twitter"></a> <a href="https://web.archive.org/web/20110108111823/http://feeds.feedburner.com/bavotasan" class="rss"></a> </div> <div id="navigation" class="menu-main-menu-container"> <ul id="menu-main-menu" class="menu"> <li id="menu-item-2264"><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/"><span></span>Home</a></li> <li id="menu-item-2266"><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/category/articles/"><span></span>Articles</a></li> <li id="menu-item-2265"><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/category/tutorials/"><span></span>Tutorials</a></li> <li id="menu-item-2267" class="current-menu-item"><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/category/downloads/"><span></span>Downloads</a></li> </ul> </div> </div>  <div id="mainwrapper"> <div id="leftcontent"> <div class="posttop"> <div class="thedate"><div class="month">Nov</div><div class="day">09</div><div class="year">2010</div></div> <h1>My First Vanilla Plugin</h1> <br class="clear"/> <p><img src="https://web.archive.org/web/20110108111823im_/http://bavotasan.com/wp-content/uploads/2010/11/Vanilla.jpg" alt="" title="Vanilla" width="200" height="150" class="alignright size-full wp-image-2970"/>I have been fiddling around with <a href="https://web.archive.org/web/20110108111823/http://vanillaforums.org/">Vanilla</a> lately to prepare my support forum for a migrating over from <a href="https://web.archive.org/web/20110108111823/http://bbpress.org/">bbPress</a>. Vanilla is great and it offers tons of useful options that blow bbPress out of the water. Plus, it’s based in Montreal and I recently got to know the people behind it and they are totally awesome.</p> <p>The learning curve on Vanilla is a little steep compared to bbPress, especially if you are unfamiliar with object oriented programming, but it is worth diving into. It took me a bit of time to wrap my head around it all but I managed to put together my first plugin to contribute back to the community.</p> <p>In my support forum, I am often including code snippets to show exactly how to mod a file, and I like to have these snippets formatted a certain way. I prefer to use <a href="https://web.archive.org/web/20110108111823/http://qbnz.com/highlighter/">GeSHi</a> to highlight my code so that it is easier to read and I don’t have to rely on a lot of extra JavaScript files. My first plugin allows Vanilla users to input code snippets using GeSHi by including their code between <pre> </pre> tag. </p> <p>Here’s a screenshot to show you how it looks when you hover over a code snippet.</p> <div id="attachment_2971" class="wp-caption aligncenter" style="width: 560px"><img src="https://web.archive.org/web/20110108111823im_/http://bavotasan.com/wp-content/uploads/2010/11/geshitest.jpg" alt="" title="geshitest" width="550" height="318" class="size-full wp-image-2971"/><p class="wp-caption-text">A sign of things to come in the Support Forum</p></div> <p>I’ve included a small piece of jQuery to expand the code box, similar to how it functions on this site.</p> <p>I’ve just uploaded the plugin to Vanilla so you can download it from there. Let me know if you have any questions or commeents.</p> <div class="buttonbox"> <a href="https://web.archive.org/web/20110108111823/http://vanillaforums.org/addon/geshisyntaxhighlighter-plugin" class="button">Download</a> </div> </div> <div class="post"> <div class="socialleft">If you liked this, please share it.</div> <ul class="addtoany_list"> <li><a href="https://web.archive.org/web/20110108111823/http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2FcS3onI&counturl=http://bavotasan.com/downloads/my-first-vanilla-plugin/" class="twitter-share-button" data-count="vertical" data-via="bavotasan">Tweet</a><script type="text/javascript" src="https://web.archive.org/web/20110108111823js_/http://platform.twitter.com/widgets.js"></script></li> <li><a href="https://web.archive.org/web/20110108111823/http://www.facebook.com/sharer.php?u=http://bavotasan.com/downloads/my-first-vanilla-plugin/&t=My First Vanilla Plugin" title="Click to send this page to Facebook!" target="_blank" rel="nofollow" class="facebook-icon"></a></li> <li><a href="https://web.archive.org/web/20110108111823/http://digg.com/submit?phase=2&url=http://bavotasan.com/downloads/my-first-vanilla-plugin/&title=My First Vanilla Plugin&bodytext=I have been fiddling around with Vanilla lately to prepare my support forum for a migrating over from bbPress. Vanilla is great and it offers tons of useful options that blow bbPress out of the water. Plus, it鈥檚 based in Montreal and I recently got to know the people behind it and they are totally [...]" title="Digg" rel="nofollow" target="_blank" class="digg-icon"></a></li> <li><a href="https://web.archive.org/web/20110108111823/http://www.delicious.com/save" onclick="window.open('https://web.archive.org/web/20110108111823/http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent('https://web.archive.org/web/20110108111823/http://bavotasan.com/downloads/my-first-vanilla-plugin/')+'&title='+encodeURIComponent('My First Vanilla Plugin'),'delicious', 'toolbar=no,width=550,height=550'); return false;" class="delicious-icon"></a></li> <li><a href="https://web.archive.org/web/20110108111823/http://www.stumbleupon.com/submit?url=http://bavotasan.com/downloads/my-first-vanilla-plugin/&title=My First Vanilla Plugin" title="StumbleUpon" rel="nofollow" target="_blank" class="stumbleupon-icon"></a></li> <li><iframe src="https://web.archive.org/web/20110108111823if_/http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbavotasan.com%2Fdownloads%2Fmy-first-vanilla-plugin%2F&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe></li> </ul> </div> <div class="post"><div class="help"></div>If you require help or support, please visit the <a href="https://web.archive.org/web/20110108111823/http://support.bavotasan.com/" title="Support Forum">Support Forum</a> and ask all your questions there. Questions about themes or plugins posted in the comments below will not be answered.</div> <div class="post"> <p class="tags">Tags: <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tag/download/" rel="tag">download</a>, <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tag/forum/" rel="tag">Forum</a>, <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tag/jquery/" rel="tag">jquery</a>, <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tag/plugin/" rel="tag">plugin</a>, <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tag/support/" rel="tag">support</a>, <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tag/support-forum/" rel="tag">Support Forum</a>, <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tag/vanilla/" rel="tag">vanilla</a></p> <p class="tags">Short URL: <a href="https://web.archive.org/web/20110108111823/http://bit.ly/cS3onI" title="My First Vanilla Plugin">http://bit.ly/cS3onI</a></p> </div> <div class="post"> <div id="crp_related"> <h3>Similar Posts</h3> <ul> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/articles/magazine-flow-wordpress-theme/" rel="bookmark" title="Permanent Link to Magazine Flow WordPress Theme">Magazine Flow WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/articles/magazine-premium-is-out/" rel="bookmark" title="Permanent Link to Magazine Premium v1.1.5 is Out!">Magazine Premium v1.1.5 is Out!</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/articles/a-new-look-for-themes-by-bavotasan-com/" rel="bookmark" title="Permanent Link to A New Look for Themes by bavotasan.com">A New Look for Themes by bavotasan.com</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/" rel="bookmark" title="Permanent Link to Delete Duplicate Posts Pro WordPress Plugin">Delete Duplicate Posts Pro WordPress Plugin</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/a-basic-jquery-slideshow/" rel="bookmark" title="Permanent Link to A Basic jQuery Slideshow">A Basic jQuery Slideshow</a></li> </ul> </div> <a href="https://web.archive.org/web/20110108111823/http://www.netfirms.com/web-hosting/web-hosting-business/?a_aid=4c8bb52b19602&a_bid=8f049e07" target="_top" style="float:right;"><img src="https://web.archive.org/web/20110108111823im_/http://www.webhostrevenue.com/accounts/default1/banners/300x250-us.gif" alt="Netfirms Business Hosting Plan" title="Netfirms Business Hosting Plan" width="250" height="208"/></a><img style="border:0" src="https://web.archive.org/web/20110108111823im_/http://www.webhostrevenue.com/scripts/imp.php?a_aid=4c8bb52b19602&a_bid=8f049e07" width="1" height="1" alt=""/> </div> <div class="post"> <a href="#comment_list"></a> <div id="comments"> <h3 id="comments-title">Discussion <small> 8 Comments</small> </h3> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="li-comment-16656"> <div id="comment-16656"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20110108111823im_/http://0.gravatar.com/avatar/4f384e9f3e8e625aae72b52658323d70?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">client</span> <span class="commentdate"> on November 10, 2010 at 6:23 am</span> </div> <div class="comment-text"> <p>great, I waiting for the skin to vanilla from you <img src="https://web.archive.org/web/20110108111823im_/http://bavotasan.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/><br/> I added your rss ;]</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20110108111823/http://bavotasan.com/downloads/my-first-vanilla-plugin/?replytocom=16656#respond" onclick="return addComment.moveForm("comment-16656", "16656", "respond", "2969")">Reply</a> </div> </div> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-16830"> <div id="comment-16830"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20110108111823im_/http://0.gravatar.com/avatar/4a4f4ba58f5753aa9b72ffc637ee483f?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">Enrico</span> <span class="commentdate"> on November 21, 2010 at 11:29 am</span> </div> <div class="comment-text"> <p>Useful plugin. I’m looking @ vanilla forum as well.<br/> Could you please write a detailed tutorial to include WP header/footer into vanilla forum?<br/> Thanks.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20110108111823/http://bavotasan.com/downloads/my-first-vanilla-plugin/?replytocom=16830#respond" onclick="return addComment.moveForm("comment-16830", "16830", "respond", "2969")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-16835"> <div id="comment-16835"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20110108111823im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on November 21, 2010 at 11:59 am</span> </div> <div class="comment-text"> <p>All you need to do it use the Vanilla Embed plugin and include it in a page template. Very simple.</p> </div> </div> </li> <li class="comment odd alt depth-2" id="li-comment-16840"> <div id="comment-16840"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20110108111823im_/http://0.gravatar.com/avatar/4a4f4ba58f5753aa9b72ffc637ee483f?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">Enrico</span> <span class="commentdate"> on November 21, 2010 at 2:32 pm</span> </div> <div class="comment-text"> <p>Thanks for the tip! I didn’t know about the embed plugin. I’m still new to vanilla and still playing with it. Sounds cool! <img src="https://web.archive.org/web/20110108111823im_/http://bavotasan.com/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley"/> </p> </div> </div> </li> <li class="comment even depth-2" id="li-comment-16841"> <div id="comment-16841"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20110108111823im_/http://0.gravatar.com/avatar/4a4f4ba58f5753aa9b72ffc637ee483f?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">Enrico</span> <span class="commentdate"> on November 21, 2010 at 2:35 pm</span> </div> <div class="comment-text"> <p>Oops…sounded too cool to be truth.<br/> <a href="https://web.archive.org/web/20110108111823/http://vanillaforums.org/blog/embed-vanilla/">http://vanillaforums.org/blog/embed-vanilla/</a><br/> If you right-click on a discussion and open it on a new window, the forum isn’t embedded anymore. <img src="https://web.archive.org/web/20110108111823im_/http://bavotasan.com/wp-includes/images/smilies/icon_sad.gif" alt=":-(" class="wp-smiley"/> </p> </div> </div> </li> <li class="comment byuser bypostauthor odd alt depth-2" id="li-comment-16859"> <div id="comment-16859"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20110108111823im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on November 22, 2010 at 11:09 am</span> </div> <div class="comment-text"> <p>Well, of course. That kind of makes sense. You should let them know so that they could see if that is easily solve in an update. Drop them a line in their forum.</p> </div> </div> </li> </ul> </li> <li class="comment even thread-even depth-1" id="li-comment-22405"> <div id="comment-22405"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20110108111823im_/http://1.gravatar.com/avatar/12d87eff743075d40ad8957bdca366e9?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20110108111823/http://www.gouri.info/" rel="external " class="url">Gouri</a></span> <span class="commentdate"> on January 4, 2011 at 6:53 am</span> </div> <div class="comment-text"> <p>I checked out your support forum. You seem to have moved to Vanilla. So how’z your experience been with it?</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20110108111823/http://bavotasan.com/downloads/my-first-vanilla-plugin/?replytocom=22405#respond" onclick="return addComment.moveForm("comment-22405", "22405", "respond", "2969")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor odd alt depth-2" id="li-comment-22410"> <div id="comment-22410"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20110108111823im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on January 4, 2011 at 9:40 am</span> </div> <div class="comment-text"> <p>It took a bit of time to figure it all out, but so far I find it amazing.</p> </div> </div> </li> </ul> </li> </ol> <a name="respond"></a> <div id="respond"> <h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20110108111823/http://bavotasan.com/downloads/my-first-vanilla-plugin/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://web.archive.org/web/20110108111823/http://bavotasan.com/wp-comments-post.php" method="post" id="commentform"> <p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name</label> <span class="required">*</span><br/><input id="author" name="author" type="text" value="" size="30"/></p> <p class="comment-form-email"><label for="email">Email</label> <span class="required">*</span><br/><input id="email" name="email" type="text" value="" size="30"/></p> <p class="comment-form-url"><label for="url">Website</label><br/><input id="url" name="url" type="text" value="" size="30"/></p> <p>To enter code in the comment box, please place it between <strong><pre lang="php"> </pre></strong> tags. You don't have to convert any characters to their hex/HTML code. Just add your code the way you would to any code editor.</p> <p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-submit"> <input name="submit" type="submit" id="submit" value="Post Comment"/> <input type="hidden" name="comment_post_ID" value="2969" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="24cc1add74"/></p> </form> </div> </div> </div> </div>  <div id="sidebar"> <div id="search"> <form method="get" id="searchform" action="https://web.archive.org/web/20110108111823/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" id="mc_side"> <h4>Join Our Mailing List</h4>    <script type="text/javascript" src="https://web.archive.org/web/20110108111823js_/http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20110108111823js_/http://downloads.mailchimp.com/js/jquery.validate.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20110108111823js_/http://downloads.mailchimp.com/js/jquery.form.js"></script> <div id="mce-responses" style="float: left;top: -1.4em;padding: 0;overflow: hidden;width: 100%;margin: 0;clear: both;"> <div class="response" id="mce-error-response" style="display: none;float: left;z-index: 1;color: #D12F19;"></div> <div class="response" id="mce-success-response" style="display: none;float: left;z-index: 1;color: #529214;"></div> </div> <a href="https://web.archive.org/web/20110108111823/http://eepurl.com/bClm5" id="mailchimp"></a> <div id="mc_embed_signup"> <form action="https://web.archive.org/web/20110108111823/http://bavotasan.us2.list-manage.com/subscribe/post?u=4736f86b6516d6ef4fcc85cdf&id=9b622f388f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial, sans-serif;font-size: 10px;"> <fieldset style="border: 0;margin: 0;text-align: left;"> <div class="mc-field-group" style="margin: 0 0 1.3em 0;clear: both;overflow: hidden;"> <label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;">Email Address </label> <input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="padding: .2em .3em;width: 100%;float: left;z-index: 999;"> </div> <div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 0; float: right;"></div> </fieldset> <a href="#" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a> </form> </div> <script type="text/javascript"> var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';var err_style = ''; try{ err_style = mc_custom_error_style; } catch(e){ err_style = 'margin: 0; padding: 1em 0 0; background: FFEEEE none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: FF0000;'; } var mce_jQuery = jQuery.noConflict(); mce_jQuery(document).ready( function($) { var options = { errorClass: 'mce_inline_error', errorElement: 'div', errorStyle: err_style, onkeyup: function(){}, onfocusout:function(){}, onblur:function(){} }; var mce_validator = mce_jQuery("#mc-embedded-subscribe-form").validate(options); options = { url: 'https://web.archive.org/web/20110108111823/http://bavotasan.us2.list-manage.com/subscribe/post-json?u=4736f86b6516d6ef4fcc85cdf&id=9b622f388f&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8", beforeSubmit: function(){ mce_jQuery('#mce_tmp_error_msg').remove(); mce_jQuery('.datefield','#mc_embed_signup').each( function(){ var txt = 'filled'; var fields = new Array(); var i = 0; mce_jQuery(':text', this).each( function(){ fields[i] = this; i++; }); mce_jQuery(':hidden', this).each( function(){ if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){ this.value = ''; } else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){ this.value = ''; } else { this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value; } }); }); return mce_validator.form(); }, success: mce_success_cb }; mce_jQuery('#mc-embedded-subscribe-form').ajaxForm(options); }); function mce_success_cb(resp){ mce_jQuery('#mce-success-response').hide(); mce_jQuery('#mce-error-response').hide(); if (resp.result=="success"){ mce_jQuery('#mce-'+resp.result+'-response').show(); mce_jQuery('#mce-'+resp.result+'-response').html(resp.msg); mce_jQuery('#mc-embedded-subscribe-form').each(function(){ this.reset(); }); } else { var index = -1; var msg; try { var parts = resp.msg.split(' - ',2); if (parts[1]==undefined){ msg = resp.msg; } else { i = parseInt(parts[0]); if (i.toString() == parts[0]){ index = parts[0]; msg = parts[1]; } else { index = -1; msg = resp.msg; } } } catch(e){ index = -1; msg = resp.msg; } try{ if (index== -1){ mce_jQuery('#mce-'+resp.result+'-response').show(); mce_jQuery('#mce-'+resp.result+'-response').html(msg); } else { err_id = 'mce_tmp_error_msg'; html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>'; var input_id = '#mc_embed_signup'; var f = mce_jQuery(input_id); if (ftypes[index]=='address'){ input_id = '#mce-'+fnames[index]+'-addr1'; f = mce_jQuery(input_id).parent().parent().get(0); } else if (ftypes[index]=='date'){ input_id = '#mce-'+fnames[index]+'-month'; f = mce_jQuery(input_id).parent().parent().get(0); } else { input_id = '#mce-'+fnames[index]; f = mce_jQuery().parent(input_id).get(0); } if (f){ mce_jQuery(f).append(html); mce_jQuery(input_id).focus(); } else { mce_jQuery('#mce-'+resp.result+'-response').show(); mce_jQuery('#mce-'+resp.result+'-response').html(msg); } } } catch(e){ mce_jQuery('#mce-'+resp.result+'-response').show(); mce_jQuery('#mce-'+resp.result+'-response').html(msg); } } } </script>  </div> <div class="side-widget"> <h4>Most Popular Posts</h4> <ul class="wppp_list"> <li><a href="https://web.archive.org/web/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/http://bavotasan.com/tutorials/turn-text-into-an-image-using-the-php-gd-library/" title="Turn Text into an Image using the PHP GD Library">Turn Text into an Image using the PHP GD Library</a></li> </ul> </div> <div id="affiliates-ads"> <a href="https://web.archive.org/web/20110108111823/http://themes.bavotasan.com/" class="themes"></a> <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/" class="deletedupes"></a> <a href="https://web.archive.org/web/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/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/20110108111823/http://bavotasan.com/">c.bavota</a> and <a href="https://web.archive.org/web/20110108111823/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/20110108111823/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/20110108111823/http://twitter.com/bavotasan" class="footer-twitter"><span></span>Follow me on Twitter</a><br/> <a href="https://web.archive.org/web/20110108111823/http://feeds.feedburner.com/bavotasan" 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/20110108111823/http://bavotasan.com/downloads/my-first-vanilla-plugin/">My First Vanilla Plugin</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/">Delete Duplicate Posts Pro WordPress Plugin</a></li> <li><a href="https://web.archive.org/web/20110108111823/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/20110108111823/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/20110108111823/http://bavotasan.com/downloads/sliderota-jquery-plugin/">Sliderota jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20110108111823/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/20110108111823/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/20110108111823/http://bavotasan.com/downloads/snowblind-free-wordpress-theme/">Snowblind Free WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20110108111823/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/20110108111823/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/">Stationery Premium WordPress Theme</a></li> </ul> </div> <div class="col col3"> <h4 class="four"><span></span>Tutorials</h4> <ul> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/wordpress-3-1-the-new-admin-bar/">WordPress 3.1: The New Admin Bar</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/creating-a-sticky-footer-for-your-site/">Creating a Sticky Footer for your Site</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/simple-text-shadow-effect-using-css3/">Simple Text Shadow Effect using CSS3</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/default-custom-background-wordpress-3/">How to Set a Default Custom Background in WordPress 3.0</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/add-a-copyright-notice-to-copied-text/">Add a Copyright Notice to Copied Text</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/meta-descriptions-wordpress/">Meta Descriptions for WordPress</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/turning-on-php-errors/">Turning On PHP Errors</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/using-css-resets/">Using CSS Resets</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/a-sleek-navigation-menu-with-css3/">A Sleek Navigation Menu with CSS3</a></li> <li><a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/tutorials/a-basic-jquery-slideshow/">A Basic jQuery Slideshow</a></li> </ul> </div> </div> </div> <div id="copyright"> <div id="copyright-wrapper"> Copyright © 2011 <a href="https://web.archive.org/web/20110108111823/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20110108111823/http://www.wordpress.org/">WordPress</a>. </div> </div> <script src="https://web.archive.org/web/20110108111823js_/http://stats.wordpress.com/e-201101.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'5317602',v:'ext',post:'2969'}); var load_cmc = function(){linktracker_init(5317602,2969,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <script type="text/javascript" src="https://web.archive.org/web/20110108111823js_/http://bavotasan.com/wp-content/themes/bavotasan-2010/js/coolstuff.js"></script> <script type="text/javascript"> hs.graphicsDir = 'https://web.archive.org/web/20110108111823/http://bavotasan.com/images/graphics/'; hs.outlineType = 'rounded-white'; hs.outlineWhileAnimating = true; hs.showCredits = false; </script>  </body> </html>

CINXE.COM

My First Vanilla Plugin | bavotasan.com