How To Add Smart CSS Search Box to Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag .

Note:Please host above 3 images yourself.

4.Now save your template.

5.Go to Layout-->Page Elements and click on "Add a gadget".

6.Select "html/java script" and add the code given below and click save.

YOURBLOG.blogspot.com/search" style="display:inline;" method="get">

Note: Remember to replace "YOURBLOG" with your blog name.

You are done.It will look like this:

Smart CSS Search Box to Blog/Website