How to add Simple Search Box in Blogger's Blog

 If you\'re interested to beautify your diary. you would like to require care of everything. If you\'re mistreatment Blogger. you\'ll be able to edit your templet. you\'ll be able to modification everything on your diary. There ar variety of Templates out there without charge. you\'ll be able to select appropriate templet in keeping with your Niche\'s demand. Whenever you\'re attempting to use Blogger\'s default templet. you\'re asked to create it in keeping with your own need.
If you\'ve got detected that Your Search Box isn\'t engaging. you\'ll be able to simply modification and style a replacement Search Box for your diary. I even have designed a good however straightforward Search Box for your diary. you\'ll be able to do this for your diary.

Add straightforward however tight Search box up Blogger:

It\'s easy for you to feature straightforward however tight Search Box. Copy the subsequent code and place it anyplace on your diary, wherever for you would like to point out your Search Box

<!-- Expand-on-click Search Box by Ahsan Ali-> 

<style>

#search input{

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7dXOBX0ScF_c6au4crMbiKyganRaFIzLx-n7PmydaEdz0j3chH3OQ_3q7fdeENxC89Blovy4V4IJ_UdyoUbVCURFbT2E9W9OpCK_ILmvszppikKKWpz9H7q2B1CllSAUfAI-R6slhmuI/s1600/search+image.jpg) no-repeat 8px 4px #ffffff;

border: 1px solid #d1d1d1;

font: bold 14px Segoe UI, Georgia, serif;

color: #222221;

width: 210px;

padding: 5px 15px 5px 30px;

-Ali-border-radius: 20px;

-Ahsan-border-radius: 20px;

border-radius: 5px;

text-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);

-Ali-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;

-Ahsan-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;

-Ali-transition: all 0.5s ease 0s;

-Ahsan-transition: all 0.5s ease 0s;

-o-transition: all 0.5s ease 0s;

transition: all 0.5s ease 0s;

}

#search input:focus {

width: 190px;

outline: none;

border: 1px solid #777777;

}

</style>

<form action='/search' id='search' method='get'>

<input name='q' placeholder='Type Word here...' size='40' type='text'/>

</form>

<!-- Code provided to you by SEOptime.com Blog-->

Your Search Box is live Now. If you are facing any issue, please discuss in comments. I will help you to add this stylish Search Box in your Blog.