belajar komputer

Buat Kotak Pencarian Melayang

Tentu anda sudah liatkan kotak pencarian yang ada di blog ini melayang ? Nah yang mau coba silahkan ikuti langkah-langkah berikut ini.

Untuk membuatnya masuk ke Edit HTML
Copy kode di bawah ini dan paste di atas ]]></b:skin>


 /* 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 copy kode di bawah ini dan paste di atas kode </body>

<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>

Semoga Bermanfaat ^_^