random

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



    loading...

    Cara Mudah Membuat Kotak Pencarian Reviewed by agus jasadh on 11:14 Rating: 5

    Tidak ada komentar:

    Silahkan Meninggalkan Komentar Dengan Bijak dan Sopan

    Copyright © 2018 jasadh - All Rights Reserved

    Formulir Kontak

    Nama

    Email *

    Pesan *

    Diberdayakan oleh Blogger.