Expandable/Dynamic width search bar for Blogger
Live Demo- (here you go)
How to add this widget in Blogger
- First log in to your Blogger, select your Blog,
- Go to 'Layout' tab then click 'add a gadget'
- Copy search bar's codes and save template.
How to change search bar Button color(if you don't like the default)
To change the color of Button you need to change the Button's HTML color code. Here (colorhexa) find the color you want and copy desired color code replace twice that code in (#f63) and save template.
- This search bar is compatible with stranded structured template, unique designed template will not accept it.
- All modern web browser will support it but some browser (ex-IE, Chorme) will show hover effect statically