Membatasi jumlah pencarian posting

Membatasi jumlah pencarian posting

HTML sitemap Trik

Kalau sebelumnya saya membahas tentang cara bagaimana membatasi jumlah posting yang di sajikan dalam pencarian per label, kali ini saya akan membahas cara membatasi jumlah posting yang akan di tampilkan ketika user atau pengunjung menggunakan form pencarian untuk menemukan sebuah artikel atau posting bukan dari kategori label.

Bingung? coba lakukan pencarian di blog ini dan lihat adressbar maka akan terlihat seperti gambar di bawah ini


tentunya jumlah posting yang muncul juga akan sesuai dengan jumlah yang telah di tentukan.

untuk membuatnya langsung saja simak langkah berikut ini.

Pertama seperti biasa login terlebih dahulu ke dasboard blogger anda
Pilih edit HTML template
Temukan kode markup html formulir pencarian anda, seperti berikut ini

1code-line:1-12code-line:1-23code-line:1-3<form action='/search' class='form-wrapper-db-sc' method='get'>
<input id='a' name='q' placeholder='Cari disini...' type='text'/>
</form>

jika sudah, sekarang letakkan kode berikut ini yang berguna untuk mengatur berapa jumlah posting yang akan di tampilkan di hasil pencarian

1code-line:2-1<input name='max-results' type='hidden' value='8'/>

jika langkahnya di lakukan hasilnya akan seperti berikut

1code-line:3-12code-line:3-23code-line:3-34code-line:3-4<form action='/search' class='form-wrapper-db-sc' method='get'>
<input id='a' name='q' placeholder='Cari disini...' type='text'/>
<input name='max-results' type='hidden' value='8'/>
</form>

setelah itu silahkan simpan semua perubahan yang telah anda lakukan. sebagai hasil akhirnya tes dan coba jalankan agar anda tahu hasil dari pekerjaan yang telah anda lakukan.

Silahkan ubah nilai value sesuai kebuthan anda

demikian saja, semoga berguna dan semoga sukses...

Artikel Terkait

  • Membuat template blogger menjadi valid HTML5
    Cara Membuat Template Blog Menjadi 100% Valid HTML5 - Setelah beberapa hari saya tidak update, kali ini saya akan memberikan review baru, review yang bisa Anda coba untuk mesin pencari agar lebih menyenangi blog Anda. Jadi, jika blog Anda Valid HTML5 tentu saja sudah membuat blog Anda ramah di mesin pencari, jadi jika Anda tidak tahu blog And…
  • Membuat gambar menjadi Responsif
    Ethan Marcotte, orang yang menciptakan istilah Desain Web Responsif, dinyatakan dalam artikelnya bahwa Fluida Gambar adalah salah satu bahan Desain Web Responsif. Masalah dengan Gambar Fluid adalah bahwa meskipun gambar tampaknya menjadi responsif dan bisa cocok dengan baik dalam berbagai ukuran viewport, ukuran gambar yang di download oleh p…
  • Pengkodean dalam tag html blog
    Posting ini hanya sebuah posting yang saya buat untuk kembali membahas markup yang mungkin terkadang sering kita abaikan padahal inilah adlah hal yang cukup penting yang menjadikan apa yang kita buat dan desain bisa terbaca secara baik. Sebelum anda membuat sebuah rancangan atau sebagainya lebih baiknya pahami terlebih dahulu tag html berikut…
  • Symbol Entities dalam HTML dan XHTML
    berikut ini adalah kode untuk symbol dalam penulisan hltm dan xhtml yang tentunya lebih baik di gunakan di bandingkan menuliskan kode secara langsung dan untuk menghasilkan kode HTML yang baik dan benar. .table-bordered { border: 1px solid #DDD; } table {width:100%; border-collapse: collapse; border-spacing: 0px; }.table-bord…
  • Compress Template Blogger
    Siapa blogger yang tidak ingin blog dan halaman blognya ringan ketika di muat, semua blogger menginginkan blognya memiliki waktu load sesingkat dan seringan mungkin karena itulah banyak cara di lakukan oleh semua pemilik blog untuk mengakalinya termasuk mengompres templatenya. berikut ini adalah salah satu cara mengakali blog yang terbilang be…
  • Auto readmore thumbnail tanpa javascript
    Biasanya saat melihat posring di halaman depan atau homepage, halaman label blog (secara kolektif, jenis halaman index) pos tidak akan ditampilkan dalam baris lama yang panjang. Kali saya akan meringkas dan membuat tampilan summary post blog anda berbeda seperti gambar diatas. Artikel ini akan memandu Anda bagaimana meringkas sebuah artikel di…

9 komentar

  1. Rz Bot2 Oktober 2014 pukul 03.17

    trik yg bermanfaat,, nanti di praktekkan, bm dlu mas

    BalasHapus
  2. Unknown3 Oktober 2014 pukul 09.25

    Bang saya mau nanya kalo merubah tampilan posting seperti ini kaya mana
    preview

    BalasHapus
    Balasan
    1. Dafin defandaky4 Oktober 2014 pukul 01.11

      download ja template evoluti trus edit cssnya

      Hapus
    2. Unknown4 Oktober 2014 pukul 09.41

      bagaimana cara merubah tampilan posting nya seperti punya kamu?

      Hapus
  3. Yudha Putra Kusuma8 Juni 2015 pukul 23.36

    top artikelnya.
    berhasil 100%.
    moga lancar jaya, ga ada kendala kejutan dibelakangnya nanti. Makasih ya...

    BalasHapus
  4. Tien Dung25 Juli 2015 pukul 10.50

    Great, thanks =D

    BalasHapus
  5. Hardy18 Maret 2016 pukul 16.06

    Makasih gan ilmu nya :D

    BalasHapus
  6. valkeeyannotti28 Februari 2022 pukul 13.08

    Bloked link! Link tidak di ijinkan baca disini.

    Tautan Anda terpaksa Saya blokir untuk alasan kenyamanan pembaca lain. Web ini digunakan untuk kalangan umum, mungkin akan lebih baik jika Anda tidak menyertakan tautan-tautan di area komentar untuk mencegah prasangka buruk dari pembaca yang lain terhadap Anda.

    Jika Anda merasa bahwa ini adalah kesalahan otomatisasi sistem, cukup tuliskan kembali komentar lama Anda dengan format yang sama seperti sebelumnya, namun tanpa adanya tautan aktif di dalamnya, misalnya berupa teks URL. Terima kasih.

    BalasHapus

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...