How to add a small search box to your blog


How to add a small search box to your blogIts 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 Spice your blog

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="" style="display:inline;" method="get"><br /><strong>Search Spice your blog<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="" 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 : - change this to your blogs address :

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 : - is the URL of the image that appears below the search box.This can be changed (check for some small search icons) or it can be removed to have no image.

So theres your small search box enjoy.

Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative

If You Enjoyed This Post Please Take 5 Seconds To Share It.


  1. Hi there. I'm not sure why the search function in the nav bar on blogger doesn't seem to work on my blogs but it doesn't.

    So, I've added several different search widgets (including yours currently) and still don't have much luck. It will only search the last few posts and I have no idea why. I've searched specific words of previous post titles and random words I know are in there.

    Any help or suggestions are greatly appreciated. Thanks for all the good info here.


  2. Hi Amy,

    I went to your blog (It Looks Great) and tried the search in the nav bar and the search in the sidebar, i had the same problem as you.

    Have you tried a custom google search ?
    Not the Google search in the gadgets index you can set one up for your blog :"

    Let me know if this does not work and i will digg deeper,


  3. thanks for this little box. Exactly what I needed for weebly and blogger! :)

  4. this works on blogger but not on weebly.


Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.

Hire Us