Simple Search Box

Did you ever stumble upon a blog that you once viewed, and you just remembered that you once found this really cool gadget there, so you start searching through the labels. But there are too many posts!
This blog is missing a very important gadget...a simple search box.
It is required that every blog, should have a search box, whilst the absents of this gadget can cause viewers to leave and not come back.

You  don't need anything fancy, you can just use something simple, as the following:
You can try it, too

For this search box:
Place the following code, after the <head/> tag:

/* Search */#searchform {padding: px 0 0;padding-right: px;text-align: center;}#searchform #s {padding: 3px;padding-right: px;margin: 0 0 px 0;background: #fff;border: 1px solid #A2A295;color: #6A6A6A;font-size: 11.5px;font-family: Calibri;}#searchIcon {height: 24px;width: 60px;padding-right: 15px;background: #941200;border: 0px solid #941200;padding: 0px 0px;vertical-align: top;color: #fff;font-weight: bold;}

After you have done that, just paste the following code, as an 'HTML/Javascript' gadget, wherever you would like it to appear:

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text" "width:250px"/> <input id="searchButton" value="Search" type="submit"/></form>

Check out our article about removing Results Bar! Click Here

Posted in: Easy,Search Box