WordPress.org

1. Upload the entire folder named live-search-popup to wp-contents/plugins in your Wordpress installation (IMPORTANT: Do not change its name).
2. Login to your Wordpress administration and activate the plugin.
3. Remove the original search field (either in the theme or in the widget configuration screen).
4. Two possibilities:
   • Add the live-search-popup widget to the sidebar
   • Or add <?php livesearchpopup_searchbox() ?> at the place in the theme you want the search box to appear.
   • Or put <?php livesearchpopup_resultsbox("100%") ?> below the search box of a theme, e.g. just below the <input type="text" name="s" id="s"..../> line. The "100%" is the popup width. Use e.g. "150px" for a fixed width of 150 pixels.

The search box is in a <div class="livesearchpopup">...</div>. So to place the search nox more precisely just set the css properties of .livesearchpopup.