Add Stylish Search Widget To Your Blogger

Search Widget is very important widget for website or blogs. It is by default given by the blogs gadgets.Here, I am going to tell you about the stylish CSS to add your blog. 

You know, stylish or attractive look of search widget is drive more traffic to your website or blog. You can make stylish search widget with Cascading Style Sheet Programming(CSS). CSS is more popular for designing now a days.

Process to Implement Stylish Search Widget:

1. Copy This below Code in the notepad..
   /* Search Box ParamWorld!--------------------------- */ #search{border:1px solid #D8D8D8; background:#fff url(http://4.bp.blogspot.com/-1n2AoWYR4b0/TqLa2CShzOI/AAAAAAAAAZA/-eaa5w_sUZw/s000/search.png) 97% 50% no-repeat;text-align:left;padding:6px 24px 6px 12px;-moz-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;overflow:hidden} #search #s{background:none;color:#979797;border:0;width:100%;padding:0;margin:0;outline:none} #content-search{width:250px;padding:15px 0} #topsearch{float:center;padding-top:2px;height:34px;overflow:hidden;} #topsearch #s{width:200px} </style> <script type="text/javascript"> var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",k="?m=1"; function l(){ var d=window.location.href,e=d.split(h); switch(e.length) { case 1:return d+k; case 2:return 0<=e[1].search(g)?null:d+f;default:return null} } if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")) { var m=l(); m&&window.location.replace(m)}; </script> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script> <div id='topsearch'> <div id='search' title='Type and hit enter'> <form action='http://param-world.blogspot.in/search/' id='searchform' method='get'> <input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/> </form> </div> </div>
   
2. Find "http://param-world.blogspot.in" to your own domain and again copy the code from Notepad.
3. Goto Blogger.
4. Click on Layout.
5. Click on Add a gadget.
6. Choose HTML/JavaScript, and click on (+) sign for adding it.
7. Paste the copied code into Content box.
8. Enter the title name in Title box.

Enjoy