Previously I have posted a Search widget named Metro Style Search Bar for Blogger. Today I am going to show how to add another cool CSS3 search bar in your blogger blog. This search bar is made up of Pure CSS without the use of any JavaScript or Image.

The search bar looks elegant and is also attractive. No demo is required for this widget as you can already see how it looks in the image beside.

To add this widget to your Blogger blog you can choose any of the two below options -

1. One Click Installation (Recommended)2. Manual Installation

One Click Installation

You can add this widget to your blogger blog by just clicking the below given button. After that you will be redirected to blogger.com and your search bar will be added.

After the widget is added, save the template.

Manual Installation

Many would like to modify this widget or add it manually for some other reasons so paste the below given code in the HTML/JavaScript box and save the widget.