CARA MEMBUAT WIDGET SEARCH ARTIKEL DI BLOG

SEARCH DI BLOGSPOT

1. Login Akun Blog Anda
2. Masuk tab menu Layout 
3. Tambah Widget 
4. Pilih Widget HTML
5. COPY/PASTE Script dibawah ini


<!--Start Search-->
<form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/>
</form>
<style>
#s {
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 12px 48px 12px 12px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
 width: 600px;
    height: 15px;
    color: #3a4449;
    border: none;
    outline: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
 position: relative;
    z-index: 2;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcaa9caaKuocicJMblyCErV7k2a6XZ_FeC6OsVU0BurHFHsduyjk0elfgJ4_GrPut45Fz6htWUV7llL8NFioQFXEAwRwaNKsBmw0ws9Fq9nR41pLmC40b1ibGRiQuugI1Squtl2QL16M/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
    color: #607078;
}
</style>

6. Save

Keterangan :
1. Yang saya blog warna Hijau silahkan anda ganti sesuai Deskripsi Search anda
2. Yang saya blog warna Kuning silahkan anda ganti sesuai ukuran keinginan anda

SEKIAN DARI SAYA CARA MEMBUAT WIDGET SEARCH ARTIKEL DI BLOG

JANGAN LUPA TINGGALKAN KOMENTAR ANDA