Cara Mudah Membuat Kotak Search di Blog

Kali ini saya mau post tentang bagaimana membuat kotak search di google, soalnya sekarang banyak template yang malas memasang kotak seacrh pada blog.. oleh karena itu saya mau berbagi bagaimana memasukan atau membuat kota search di blog secara mudah dan gampang hehehe sama ja ya mudah sama gampang hahaha

Lagsung saja jangan berkedip ya bacanya hehehe

1. Pertama login ke akun Bloger kita
2. Lalu buka tab Tata Letak
3. Klik Tambahkan Widget/Add Widget
4. Pilih HTML/Javascript
5. Copy Script di bawah ini
6. Simpan
7. Lihat hasilnya akan seperti ini
   
    

COPY SCRIPT

<style>

#abt-search-btn {

    background: none repeat scroll 0 0 #1ca4ff;

    

    border: 0 none;

    border-radius: 0 0 0 0;

    color: #FFFFFF;

    font-weight: 700;

    padding: 10px 20px;

}

#abt-search-btn:hover {background: grey;}

#abt-search-box {

    background: none repeat scroll 0 0 #EEEEEE;

    border: 0 none;

    padding: 10px;

    width: 180px;

}

</style>

<a><form id="searchthis" action="/search" style="display:inline;" method="get">

<input id="abt-search-box" name="q" size="40" type="text" placeholder="  Type Here ..."/>

<input id="abt-search-btn" value="Search" type="submit"/>

</form>

</a>

Tweet