Postingan kali ini yaitu 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 memiliki kegunaan bagi pengunjung sebagai alternative Navigasi suplemen bagi blog tersebut dan sangat memiliki kegunaan bagi pengunjung untuk memudahkan pencarian artikel atau berita yang diperlukan 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 instruksi 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 aku anggap teman di dalam template blognya sudah terdapat perintah instruksi markup halaman atau kotak pencarian, nah bagi teman 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 teman cari instruksi markup halaman atau kotak pencarian disini aku menganggap teman sudah memasangnya menyerupai tampilan yang aku ambil dari template blog ini.
Langkah Kedua
Silahkan salin instruksi ini <input name="max-results" type="hidden" value="8"/> lalu letakkan instruksi tersebut sempurna dibawah instruksi 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 instruksi ini <input name="max-results" type="hidden" value="8"/> lalu letakkan instruksi tersebut sempurna dibawah instruksi 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 menyerupai 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 instruksi scriptnya, jikalau sudah tanggapan silahkan SAVE dan coba tampilkan dengan mengetik didalam kotak pencarian tersebut dan selesai, selamat mencoba agar bermanfaat.
Comments