How To Add A Small Search Box To Your Blog

Its easy to add a search box for your readers to search your blog.
On blogger we have the option to add a google search to our blog.
I think the google search box is too big and un-editable so i added my own small search box.

This search is just as effective and very easy to add to your blog and you can make it appear to suit your blogs style and colors.

This is the search box:

Search Okkomadewaltricks



To place this on your blog you just gotta copy the code below and replace by URL with yours and you have the option to make some changes to its appearance.

Below is the exact code that makes up my search box:
<form id="searchthis" action="  http://www.okkomadewal.com/search " style="display:inline;" method="get"><br /><strong>Search Okkomadewaltrick<br/></strong><br /><input id="b-query" maxlength="255" value=" Type and search..." name="q" size="20" type="text"><br /><input id="b-searchbtn" src=" http://i631.photobucket.com/albums/uu40/paulcrowe/searchbuttonsbx.jpg" type="image" align="top"><br /></form>


Only one part of this code must be edited before adding it to your blog that is the URL :

1.The URL :  http://www.okkomadewal.com/search  - change this to your blogs address : http://www.yourblogaddress.com/search

Your search box is now ready and will search Your blog OR you have the option to make three more changes to personalise your search box .
We Are Nearly Finished 
If you need more help or have an opinion or suggestion,
Please leave a comment Below.

2.The text : Search Spice Your Blog- is the text that appears above your search box you can change it to anything you like or leave blank to have no text.

3.The text : Type and search... - is the text that appears inside the search box and can be changed or left blank for no text inside the box.

4.The URL : http://i631.photobucket.com/albums/uu40/paulcrowe/searchbuttonsbx.jpg - is the URL of the image that appears below the search box.This can be changed (checkPhotobucket.com for some small search icons) or it can be removed to have no image.

Posted by Admin at Wednesday, May 16, 2012
Labels: