Expandable/Dynamic width Search bar for Blogger
A stylish search bar can make your Blogger blog little bit smarter and professional. For changing the random taste of Blogger search bar I published Black stylish CSS3 search bar and 5 Simple search bar before so here I presenting to you another different style search bar, what's width is expandable/ dynamic width/ fluid layout. And comes up with orange default color. These search bar looks simple and elegant, stylish and lightweight constructed with CSS3, HTML. Let's see how it looks like and how to add it in your Blogger blog.
Preview-
Live Demo- (here you go)
Codes-
How to add this widget in Blogger
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.
Compatibility
Expandable/Dynamic width search bar for Blogger
Preview-
Live Demo- (here you go)
Codes-
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'
- Select 'html/javascript' from pop up menu.
- 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.
Compatibility
- 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
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment