Cara Pasang Kotak Search Di Blogspot

Assalamulalaikum para sobat blogger kali ini saya Nanda akan Berbagi tentang tata cara pasang kotak search di blog.terutama fungsi dari kotak search adalah untuk memudahkan kita dalam mencari sebuah artikel yang berada pada blog dan cara pasang nya pun tidak sulit karena saya menggunakan kode css jadi tinggal klik tambah gadget dan pilih HTML java script dan masukan script yang saya berikan di bawah ini.gitu saja mudahkan
Langkah-Langkah:
1.masuk ke akun blogger sobat
2.masuk ke rancangan
3.dan kalian akan masuk di elmen laman
4.kemudian add gadget/tambah gadget
5.masukan kode css dibawah ini dan anda bisa pilih mana yang bagus



<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8WDj64XUZNBgjG2_oVtjyBBoQu2q_mKYzR9faGlSrmj2KVB8A6LNdzD6WcQjaFgctWHdFIQYBKSnNhemrmjusOAFSKTvxwEUfYWqB38bbK_BSnl1UVZnGomFjf1vEkEEGWyI2zT5Cb_Q/s1600/kode-blogger_searchbox5.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
6.klik simpan dan lihat hasilnya
Sumber:http://bosimam.blogspot.com/2011/12/cara-pasang-kotak-search-keren-di-blog.html

Comments