Memasang Widget Kotak Pencarian Metro Style di Blog

Salam Untuk Sobat Semua.. Widget Kotak Pencarian sangat di butuhkan dan sebuah blog, karena widget ini bisa membantu pengunjung yang ingin mencari sesuatu di blog kita dengan mudah.

Dengan itulah, Akan saya bagikan sebuah widget keren dan menarik Dengan style Metro, Widget pada kotak search nya berwarna biru, Begitu, Secara sikat tentang widget ini, Kalau sobat tertarik ingin menggunakannya, Tutorialnya seperti ini : 

• Pertama, Sobat harus login dulu Ke Blogger.com
• Setelah Berada, DI Blogger, Sekarang Menuju Ke ''TATA LETAK''
• Klik 'TAMBAH GADGET''
• Pilih Gadget ''HTML JAVA/SCRIPT''
• Copy kode dibawah ini, di dalam gadget tersebut

<style>

#abt-search-btn {

    background: none repeat scroll 0 0 #359BED;

    border: 0 none;

    border-radius: 0 0 0 0;

    color: #FFFFFF;

    font-weight: 700;

    padding: 10px 20px;

}

#abt-search-box {

    background: none repeat scroll 0 0 #EEEEEE;

    border: 0 none;

    padding: 10px;

    width: 160px;

}

</style>

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

<input id="abt-search-box" name="q" size="40" type="text" placeholder="  Type! :D "/>

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

</form>

• Ganti 160px  ukuran kotak pencarian terserah anda
• Ganti Type! :D Dengan tulisan yang ada di kotak pencarian
• Setelah semua, Di ganti silakan di Simpan Gadget

Demikian artikel ini semoga apa yang saya tulis ini bermanfaat dan mudah anda pratekkan