Trik-trik mempercantik blogger,kumpulan trik blogger terlengkap,trik blogspot,cara membuat blog,trik membuat blog tampil menarik

Rabu

Membuat Kotak Search Sendiri di Blogger

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 == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" 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: