Beautiful CSS Search Box For Blogspot Blogs

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 .

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" id='search form' method='get'>

Note : Replace "YOURBLOG" with your blog name.

You are done.Look at the picture below.

Search Box For Blogspot Blogs

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

How To Add 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:You can change background image,colors,borders,.. as your choice.

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:Replace "YOURBLOG" with your blog name.

You are done.It will look like this:

CSS Search Box to blogger