How To Add CSS Search Box To Blogger Blog ~ Technology Blog | Blogs Daddy

<style type='text/css'>
.formbutton{
cursor:pointer;
border:solid 4px #ccc;
background:#999;
color:#fff;
font-weight:bold;
padding: 1px 2px;
background:url(http://3.bp.blogspot.com/_ar9PeTUrwMY/SuunWOFRlRI/AAAAAAAAAzo/sxOoBETSuD8/topnav_stretch.gif) repeat-x left top;
}
.formbox{
border:solid 5px #000000;
background:#ffffff;
color:#000;
font-weight:normal;
padding: 1px 2px;
}
</style>
<form id="searchthis" action="http://YOURBLOG.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" class="formbox" maxlength="255" name="q" size="35" type="text"/>
<input id="b-searchbtn" class="formbutton" value="Search" type="submit"/>
</form>

Share this PostYou are done.It will look like this:
1.Login to your blogger dashboard–> layout- -> Edit HTML

2.Scroll down to where you see  tag .

3.Copy below code and paste itthe tag .</head> just before  </head>NOTE

Note:
YOURBLOG










Subscribe
Subscribe