Friday, 7 December 2012

Expandable Search box in Blogger Dynamic View

Blogger dynamic view search box is my main reason to like it! If you try to search in our tiny Searchbox then it would auto expand! Then I thought to share it with you! The search box, placed at the top-right corner of your blog page can be made expandable by simple steps.

Go to Dashboard ('House' symbol) --> Template --> Customize --> Advanced --> Add CSS --> Paste the following code --> Press enter after the last character of the last line } --> Apply to Blog --> Done

#header input#search{-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

#header input#search:focus{width:450px;}