Membuat Search Box Melayang pada Blog

hallo sobat kali ini saya akan berbagi ilmu tentang cara membuat search box melayang pada blog sobat,,

OK langsung aja sobat..gini ni caranya.!!

• pertama"..masuk ke blog sobat,,ok kalo sudah di dasbor trus masuk ke rancangan lalu ke edit html..
• nah pada edit html cari kode ini ]]></b:skin>,,(kalo kesulitan tekan saja ctrl+f),,lha kalo udah ketemu
  

copy kede ini tepat di atasnya:

/* Search
-----------------------------------------------
*/
#search {
width: 260px;
font-size: 11px;
margin: 0;
padding: 6px 0 0 10px;
}

#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}

#searchbox {
float: right;
background: #fefefe;
width: 180px;
color: #000;
margin-right: 15px;
margin-top: 0px;
padding: 4px 0 3px 5px;
border: 1px solid #ababab;
display: inline;
font: 12px normal 'verdana';
}

#searchbutton {
background: #000;
float: left;
width: 50px;
color: #fff;
margin: 0 0 6px 0;
padding: 3px 3px 2px;
border: none;
font: bold 16px arial;
}

#searchbutton a:hover {
background: #000;
}

#melayang {
background: #fcfcfc;
border: 1px solid #f0f0f0;
position: fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

• selanjutnya sobat harus mencari kode </body>,,kalo dah ketemu
  

copy kede ini tepat di bawahnya:

<div id='melayang'>
<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Cari disini...&quot;;}' onfocus='if (this.value == &quot;Cari disini...&quot;) {this.value = &quot;&quot;}' type='text' value='Cari disini...'/>
<input cursor='hand' id='searchbutton' type='submit' value='go'/>
</form></div>
</div>

tinggal si save,,selesai..
gimana sobat,,mudahkan..
ok selamat mencoba.!!

oh iya sobat sobat bisa mengotak-atik kode di atas,,denagn keterangan :

• kalo sobat ingin mengatur posisinya,ganti saja kode yg berwarna biru sesuai dgn keinginan sobat..
• kalo sobat mau ganti tulisan "GO" yg ada di kotak search box,ganti saja kode yg berwarna hijau.
• kalo sobat mau mengganti teks "Cari disini..." yg ada pada kotak search box,ganto saja kode yg berwarna merah,,sesuai dgn keinginan sobat..

terus kalo mau,,follow juga blog saya "kalo mau"