We moved away from boring gray search boxes long time ago. Now we have some futuristic ones. But sometimes even they look dull. That is why, I have created the following search boxes for blogger. They are inspired by the script of Hamid Shahzad. You can add any of the search boxes to your blogger site.
Instruction:
1. Copy url of your selected search box from below.
2. Place it within the bracket of the script:
<style type="text/css">
#hs-searchbox{background:url(paste url here) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#hs-searchform{display: block;padding: 10px 12px;margin:0;}
form#hs-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#hs-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="hs-searchbox">
<form id="hs-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://www.hamidshahzad.com/wp-content/uploads/2013/03/blank.gif" id="sbutton" />
</form>
</div>
3. Copy the script.
4. Go to your blogger layout and select "Add a Gadget"
5. From the pop up window now pick "Html/Javascript. You will have its box now ready.
6. Paste the script within it and save.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoa-7z9AgsYydmwzftnrBEslxpmKk1zeh2jV-s7SG67Jn2KRC31eFLNBh5Ic7F50EEASvyGzkJ0Egt0nmxIErcT7XJB8hyI5hhLZA631jmwGVhE2Kh7lZHfIwXWWtb55LySnmdVtkDeyuY/s1600/bubblegum-searchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyBziDVrqLdJHF4X4lSIjOrtpomhBw9n3rf5UsOlSpJeGZMYdywOVx2KkaPxkvGin27HghhTQcUwK_CtSs_4MNHko15f0Np1K3kPeQWwxkQOX2G9DQtYAC-UmJ5NcjbsXi09W4YaXRUcxe/s1600/bubblegum-searchbox2.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw3ju1ymF8FShRYWjYklRwVviJ2Z20CHvlCE80_UW_recqRA0GNjHDiFMLg73HMNomB2xqfqy0TlqlUJlIH1hWskjRu_UWuYvY0LmPkVUfXhAO8AvXJfqMxw4Zvi18M07A4CM8l4JCQxJV/s1600/chewing-gum1-searchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9y3Wp4j6MDZCpJtwt2jLIvreP70COBW7yY1R1OCWwzXZGZGiJB-41tkKpbpEALIlXoGpIVXi5R7083hOVAkWXFizTP6xMbuyDl4ByjAmbTUO3Vf5hmSPcqmOyMtEgKazL3ag8PtdklVJT/s1600/mint-gum2-searchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj92u0QuFRqfSb_26oTKxCS-C6lzw0vdDTFz3o08g_auUeD9e15AgWMhHXWIuIOCUjaZ2GiqdXQfE5pn2fWIgx_GpkiL252OCcHRxUlI59Yc8QkK7I_qjzjK_oH2hP8zpJLFtvf2a_-t9h-/s1600/mint-gum1-searchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgji2wcjTqWnmVUSPOHI2v0RwGBgQcvvaEWxgte_FbFTEVP9pVoJA1wQOmDzoHTxBTgcWZsLOyueNVt9aZk3YlAwYAsv-zXvv3UAtnUou7UYSaqx9hw3JWrfEESY7j9lUPpZPEU8AEmdPK5/s1600/glossy-sparkling-peachsearchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxfn3ybMERgfwDmdYzKoKu8m6w7_ozfsw0kCJPeDyKU3-ns3qclmzYH6trSobF2U6EoB0MI5PTr2vjlPl0gC7GwwpgKnI30fYRBxHWZOAca8i6Vdl3dOykUmdi_uwglSrfgk8CJIpD46F2/s1600/glossy-sparkling-searchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDx1kG-afOd6dXWD_tUj2BVzxIwL2JX6FDX7giGdJOuRqpzFUA2VJXSYUvWWZgP_LQCJ7jbLrNaM-OHfE6kQ0XGkJZwiil0gMhyphenhyphenD8ezme1q9NKnghLMRVZGqSUVQ37WAMVpC7a99nZ5cMc/s1600/coolbright.png)
With Props
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJe0LdAD3o1TERFL3vkwQge9fuBMtT88gxiDpfY4rN5TooTXhi_rtWxWl_0NNL4jRaDjCCoQRo6UtIPxQoEBISly56wdDp5HUwK0yE4b6vps32g7JHR04j9XjXk74Nxdnn7QgmKbUc7alX/s1600/cute-flower-searchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS5VtTtS7LY8jRXJrDMeTNcRLZ91xqahsY7AHqMar4cw2b15dFOUnTDgRdpUDUKlV06AQXuXVrdRTlRFZXMgS_lbqW41df9aQGyLyp-oIqYvPYY5ildwWVfzWxzgngESD1HIYI66ka474s/s1600/rainbow-searchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYWMU8lUk5n3yv-bu1rChaCqM7XOA4bvXxbKt0Fm_7vJ_k9UOlbGdY5cXkf90lcRdjLL9IKcTUtrWWeZGmE0-EikN53f_d6gRruek87kO87lfz5kT4IAnn5YLp5sC8vtqdGz-vYboF6a0d/s1600/cute-yellowsearchbox.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCh00qHPIZFZ2a65ASinLTKWxWCoX1ZJQT5PXfxQkCUAOELPmktL3fZjzHYU9jEWJNBs_RItphY4U6N8zln6vI_hrbYcQql5qADcxR4eSyjh1aKwL1T3LsSfcx_xkyqx_U_Qkrf2S10T2N/s1600/searchboxwithbow.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcFap6RtVFUqWyRl4KzAt-4b1JONvSDtECF41-URo65z6jPnsyhhGNLnI6o-vrh5rvD5ysrIqVv683ceMgVfPVMXi5LTQlTUhXERTfQiXLd_Nny8e92l8lU4QKIvVR83gliaLCjEth3EOV/s1600/fashionsearchbox.png)
Sophisticated
No comments:
Post a Comment