Cara Mudah Membuat Kotak Pencarian

Kotak pencarian disini adalah fasilitas dari blog kita untuk memudahkan pengunjung dalam mencari artikel di blog kita. Disini akan kita buat kotak pencarian yang menyatu di menu.
Berikut langkah mudah untuk membuat nya :

1. pertama masuk ke edit template blogger kita, kemudian cari kode </style>



 Baca Juga :







    2. Kemudian copy dan pastekan kode berikut diatasnya :



    #search-form { float:right; margin:-5px 5px 0 0; font-weight:bold; } #search-form input#search-box[type=&quot;text&quot;] { background:#fafafa; float:left; height:26px; line-height:26px; margin:9px 0; padding:0 10px; width:282px; color:#333; border:2px solid#727272; } #search-form input#search-button[type=&quot;submit&quot;] { float:right; background:#727272; color:#ffffff; height:30px; line-height:30px; font-family:oswald; margin:9px 0; padding:0 7px; border:none; } #search-form input#search-button[type=&quot;submit&quot;]:hover{ background:#222; cursor:pointer } #search-form input#search-box[type=&quot;text&quot;]:focus { background:#FFF; outline:none; }


    3. Langkah selanjutnya cari kode </header>
    4. Kemudian copy dan pastekan kode berikut dibawahnya :

    <form action='/search' id='search-form' method='get' style='display: inline;'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Cari Artikel' vinput=''/> <input id='search-button' type='submit' value='Cari'/></form>

    Langkah terakhir simpan template. dan coba lihat hasilnya..



    Tradaaaaa. Semoga bermanfaat



    Silahkan Meninggalkan Komentar Dengan Bijak dan Sopan
    EmoticonEmoticon