Every blog has a search bar. The search bar is a typically boring affair, with a white background and a button saying “Search,” and worst of all, it takes up a fair bit of room in your sidebar. Why not use a little Javascript to liven things up and save space? This effect can be seen in use on the search bar to your right.

NB - This method is primarily for Wordpress, but could be easily adapted to any other platform.

1 - Find The Default Search bar.

The code for your search bar usually lies in searchform.php, or in functions.php if it has been set up as a widget, and will look as follows: