Postingan kali ini adalah lanjutan dari pembahasan sebelumnya yaitu Cara Membatasi Jumlah Post Pada Breadcrumb dan Label. Di kesempatan kali ini kita akan membahas Halaman Pencarian yang biasa disebut dengan Kotak pencarian, biasanya kotak pencarian ini bagi yang sudah menjadi Publisher Adsense pasti akan dikaitan dengan kotak pencarian Google Search.
Halaman atau kotak pencarian ini sangat berguna bagi pengunjung sebagai alternative Navigasi tambahan bagi blog tersebut dan sangat berguna bagi pengunjung untuk memudahkan pencarian artikel atau informasi yang dibutuhkan yang terdapat pada blog yang dikunjuginya. Dalam pembahasan kali ini kita akan membahas Cara Membatasi jumlah Post di Halaman Pencarian Blogger yang sedikit kita modifikasi dengan ditambahkan script kode khusus sebagai perintah untuk membatasi jumlah pencarian yang akan ditampilkan dari hasil kotak pencarian.
Trik ini sangat mudah dan tidak perlu banyak menambahkan kode, disini saya anggap sobat di dalam template blognya sudah terdapat perintah kode markup halaman atau kotak pencarian, nah bagi sobat sobat yang mau mencobanya mari kita simak Cara Membatasi jumlah Post di Halaman Pencarian Blogger.
Langkah Pertama
Silahkan login ke Blogger > Pilih Template > Klik Template Editor blog > Kemudian silahkan sobat cari kode markup halaman atau kotak pencarian disini saya menganggap sobat sudah memasangnya seperti tampilan yang saya ambil dari template blog ini.
Langkah Kedua
Silahkan salin kode ini <input name="max-results" type="hidden" value="8"/> lalu letakkan kode tersebut tepat dibawah kode ini.
<form action='/search' id='search-us' method='get'>
<table>
<tbody>
<tr>
<td class='search-boxy1'>
<input id='search-boxy1' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='Search article...'/>
</td>
<td class='search-button1'>
<input id='search-button1' type='submit' value=''/>
</td>
</tr>
</tbody>
</table>
</form>
Langkah Kedua
Silahkan salin kode ini <input name="max-results" type="hidden" value="8"/> lalu letakkan kode tersebut tepat dibawah kode ini.
<input id='search-boxy1' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='Search article...'/>
Yang nantinya penampakannya seperti dibawah ini.
<form action='/search' id='search-us' method='get'>
<table>
<tbody>
<tr>
<td class='search-boxy1'>
<input id='search-boxy1' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='Search article...'/>
<input name='max-results' type='hidden' value='8'/>
</td>
<td class='search-button1'>
<input id='search-button1' type='submit' value=''/>
</td>
</tr>
</tbody>
</table>
</form>
Perhatikan langkah penerapan dan penambahan kode scriptnya, jika sudah selesai silahkan SAVE dan coba tampilkan dengan mengetik didalam kotak pencarian tersebut dan selesai, selamat mencoba semoga bermanfaat.
EmoticonEmoticon