Cara membuat kotak pencarian di blog

Cara membuat kotak pencarian di blog - Kotak pencarian adalah ktak yang berfungsi untuk mencari artikel yang di butuhkan si pengunjung pada blog kita. Kotak ini secara otomatis mengarahkan pengunjung kepada artikel yang kita miliki sesuai keyword atau kata kunci yang dia masukan di otak pencarian tersebut. Dan Master Copast kali ini akan menjelaskan bagaimana cara memasang kotak pencarian di blog. Untuk lebih jelas agar kalian tidak kesasar dalam mencari atau memasang kotak saya sudah memberikan contoh kotak pencarian di screenshoot di bawah. jika sobat berminat langsung saja ikuti langkah-langkahnya :

Pertama login ke blog sobat.
Selanjutnya masuk kemenu rancangan
Pada menu pilih Rancangan ➨ Tataletak
lalu klik tambah gadget
Apa bila sudah sobat pilih HTML/JavaScript lalu masukan kode di bawah kedalamnya lalu pilih simpan dan lihat hasilnya.

<style type="text/css">

    #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMK0ZyDx_g7QtSrD-FaA2NBsjBC1gXMvdxUzHEzSMW1QVC1byfahXkFjNaKiyYqkJzg9IrMtzlYomQdhON0lgZvPMKQOW4kQiHsmlGqL5ojWG62rC7xtUBqOTKHM2WJLH7foI_I7ay1UP/) 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>
<span class='st_email' displaytext=''/>

    <p style='font-size:10px; font-weight:bold; text-align:right;'>
<a href='http://copast-master.blogspot.com/2012/08/cara-membuat-kotak-pencarian-di-blog.html' style='color:#CAC8C8;'>Widgets</a></p>
</span></div>

Demikian lah sobat cara membuat kotak pencarian di blog. Jika sobat masih bingung atau masih ada kesalahan dalam kode yang saya buat mohon jangan lupa berkomentar agar Master Copast dapat memperbaikinya. Sekian dulu hasil Master Copast kali ini artikel Tutorial Blog, yang berjudul Cara membuat kotak pencarian di blog. Semoga bermanfaat Master Copast