Memasang Search Box Metro UI Di Blog Secara Mudah

Memasang Search Box Metro UI Di Blog Secara Mudah - Halo Sob, Sekarang ini Aku memberikan sebuah tutorial tentang "Memasang Search Box Metro UI Di Blog Secara Mudah" Di Blog, fungsi Search box ini adalah untuk membuat pengunjung di blog kamu bisa cari yang ada di blog itu nah kebetulan nih aku ini punya tutorialnya untuk kamu yang belum tahu tentang cara memasang search box ini di blog ikuti langkah langkah ini gampang kok Cekidoot...

1.Buka Blogger.com lalu > Tata Letak > Tambahkan Gadget
2.Pilih HTML/JavaScript
3.Copy Kode dibawah ini lalu paste di HTML/JavaScript

<style>
#abt-search-btn {
    background: none repeat scroll 0 0 #1abc9c;
    
    border: 0;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-weight: 700;
    padding: 10px 20px;
}
#abt-search-btn:hover {background: #16a085;}
#abt-search-box {
    background: none repeat scroll 0 0 #16a085;
    border: 4px;
    color : #FFF;
    border-radius: 0px;
    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="  Cari Disini..."/>
<input id="abt-search-btn" value="Cari" type="submit"/>
</form>
</a>

4.lalu Simpan
5.Buka Dan Lihat Hasilnya

Semoga Bermanfaat