Membuat Kotak Penelusuran Untuk Blogger

Membuat Kotak Penelusuran Untuk Blogger

Apakah kamu sudah mempunyai kotak pencarian dalam blog kamu ? Jika belum, kamu dapat membuat kotak penelusuran kamu dengan desain yang agak meriah agar para pengunjung menjadi lebih sering menggunakan kotak penelusuran yang ada di blog kamu untuk mencari artikel.


Membuat Kotak Penelusuran Untuk Blog :

1. Masuk ke Blogger,
2. Klik Tambah Widget / Add a Gadget,
3. Pilih HTML/Javascript,
4. Copy kode di bawah ini dan letakkan,

Search Box Style Green

<style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLF50FrrkLk59XfeAMxApnZ1mi5t1t33PIHCFYEmarz048uLKGFusH6ox8JseozTGborNO1NAYQUve3mhRIVOnkMrPu7sdkaTdrV5n0kJ5Oy6T48mAoJpInjOjRxDM_v6WcvF29MDPAfAr/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' />        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"        />    </form></div>

Untuk Cara Pemasangan Search Box Warna Lain, ganti kode berwarna merah kode diatas dengan url gambar di bawah ini :

- Style Red ( Merah )

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJ34lEyLA_dhrp6S_50ACH5qnNP6P5gryryC76OnX75lGY0gU7ON5L30rSs4qn0cWzEJvkpVwU9dA9AQ_sjIZgseGwEOef4GvZblDQnS7jUrUvy94jS5LlamyVJTZFDBs3iSiJb7GSc4B/s1600/impoint.blogspot.com-red.png

- Style Blue ( Biru )

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0spfDHYPsCgW8Yw1ct_yDkja7cqmlEyaeMI-WAThDP6dLoqlEWMh23H6y8fAR16StWw-bMKTdO4WpzR3v7EytgDfi8Ccx6z73m3WHPPVXFvr0-o8YYaO14ZTTRtN6gRniZXbr3I9dlmi/s1600/impoint.blogspot.com-blue.png

-Style Orange

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-T6qOLd2XbfNP6Cnr3DO8EqrrjFta973cSBIhdqOSt97aOaMwHibIkzHGAh2rTmLPs8tBWn7tRBZVwFih0ZQ0m8hlJtn4QpBjgaVk0oScV3aLJjlbAwU6ko0xEWBWlNLYIwrH1y_8GUSs/s1600/impoint.blogspot.com-orange.png

5. Simpan,

6. Selesai.