Pasang Menu Pencari Search di Blog

Pasang menu pencari atau search diblog, dengan menambahkan menu search di blog memungkinkan blog menjadi lengkap dan pengunjungpun tidak kesulitan dalam melakukan pencarian, cukup dengan memasukan keyword yang hendak di cari pada postingan blog tersebut.

Melengkapi navigasi pada blog sangat membantu pengunjung untuk melakukan pencarian artikel lain, seperti memasang nomor halaman atau page navigasi, artikel terkait atau related post dibawah halaman posting, memasang search diblog akan sangat membantu pengunjung atau vistor.

Berikut Cara memasang atau menambahkannya di blog.

1. Login Ke dasbor blogger sahabat
2. Pilih Design kemudian pilih Edit HTML
3. Cari kode ini ]]></b:skin>  gunakan tombol find, ctrl + f 
4. Setelah ketemu kode diatas paste css berikut ini tepat diatas kode tadi.


/** Search **/
#searchform { 
  width:260px; 
  margin:0 10px;
  display:inline;
  }
#searchform #s{
  width:190px;
  border:1px solid #ccc;
  font-size:11px;
  padding:5px 5px 3px;
  background:#fff;
  }
#searchform #s:focus {
  border:1px solid #999; 
  }
#searchsubmit {
  width:45px;
  border:1px solid #666;
  font-size:11px;
  color:#fff;
  height:23px;
  background:#000;
  cursor:pointer;
  }
#searchsubmit:active {
  border:1px solid #999;
  background-color:#666;
  }


5. Pilih tambahkan HTML/Javascript
6. Kemudian Copas kode dibawah ini :


<form action='/search' id='searchform' method='get' name='searchform'><input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>


7. Tempatkan dan simpan template anda

Pasang menu Pencari atau Search diblog  ini bermanfaat buat sobat yang ingin melengkapi blognya selamat mencoba semoga berhasil.