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

  • Trik untuk menghilangkan atribut default blogger
    Jika sobat ingin menghilangkan atribut atau element bawaan default dari blogger berikut ini adalah caranya. 1. Login ke Blogger.Com. 2. Kemudian menuju Design, lalu Edit HTML. 3. Dan cari kode berikut ini. ]]></b:skin> 4. Tepat diatas kode itu, ]]></b:skin> klik pada kode diatas, kemudian copy kode di bawah ini tepat di at…
  • Copy area tertentu dengan css
    Sebagian besar Blogger Asli menghadapi masalah plagiarisme. Umumnya para blogger baru tidak memahami nilai kualitas konten. Anda menghabiskan banyak waktu untuk menulis posting blog Anda tetapi pencuri konten berkunjung ke blog Anda dan menyalinan semua pekerjaan Anda. Beberapa kali para pencuri konten berhasil bisa menjadi yang pertama di Goo…
  • Trik Sederhana Cara Proteksi Gambar
    Nah disini sebenarnya ada Trik Proteksi sederhana yang bisa anda lakukan untuk menghindari gambar anda di simpan dari tangan-tanagn jahil, dimana hasil dari gambar yang dicoba disimpan nantinya hanya berupa gambar kosong. Kode standar dari gambar biasanya seperti ini: <img width="500" height="375" src="http://defandaky.blogspot/contohgam…
  • 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…
  • Javascript random banner
    Memasang banner atau iklan dengan gambar bukan hal baru yang sudah banyak di ketahui oleh semua sobat blogger, namun bagaimana cara agar sekumpulan banner atau banner yang lebih dari satu bisa di tampilkan secara berbeda - beda hanya di satu halaman bagi sobat yang belum tahu inilah triknya. sehingga banner sobat tidak bertumpuk dan berderet d…
  • Show hide searchbox blogger
    Membuat tampilan blog menjadi unik memang tidak ada habisnya dan kali ini saya coba untuk berbagi cara membuat kotak pencarian yang bisa di munculkan dan di sembunyikan pada blogger. lihat contoh berikut selain untuk menambah unik tampilan, trik kotak pencarian seperti ini juga bisa di gunakan untuk menghemat ruang dan kolom. bagaimana ca…

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...