Oke langsung aja seperti biasanya langkah pertama
* Log in dulu ke Blogger kamu masing-masing* Masuk ke Tata Letak --> Edit HTML
* Copy kode CSS di bawah ini
#search {
width: 260px;
font-size: 11px;
float: right;
margin: 0;
padding: 6px 0 0;
}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}
#searchbox {
background: #7cfc00;
width: 180px;
color: #000;
margin: 0;
padding: 4px 0 3px 5px;
border: 1px solid #000000;
display: inline;
font: normal 12px Georgia, Times New Roman, Trebuchet MS;
}
#searchbutton {
background: #7cfc00 !important;
color: #000;
margin: 0 0 0 5px;
padding: 3px 3px 2px;
border: 1px solid #000000;
font: bold 11px Georgia, Times New Roman, Trebuchet MS;
}
}
* Pastekan di atas kode ]]>Lalu simpan template.
* Eits belum selesai! Masih ada yang belum dipasang yaitu kotak pencariannya.
* Copy kode di bawah ini tuk memasang kotak searchnya! dan paste di elemen halaman kamu
<div id="search">
<form id="searchform" action="/search/" style="display:inline;" method="get">
<input id="searchbox" maxlength="255" onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." name="q" onblur="if (this.value == "") {this.value = "Search...";}" type="text" />
<input id="searchbutton" value="CARI" type="submit" />
</form></div>
Keunggulan dari cara ini adalah kita langsung dibawa ke posting posting dengan keyword yang kita ketikkan.
Selamat mencoba dan semoga berhasil.
0 komentar:
Posting Komentar