Klik Label yang Tampil Judul Posting Saja

Klik Label yang Tampil Judul Posting Saja

Posted by rike on 0

Ketika orang mengunjungi blog kamu dan meng-klik sebuah label (kategori) yang ia inginkan, maka akan tampil posting-posting yang mempunyai label tertentu (ex : Trik Blogger, Tips Blogging, SEO) tersebut. Berapa kali kamu mem-posting dengan label tertentu, sejumlah itu pula posting yang akan tampil. Coba bayangkan jika posting dengan label tertentu memiliki jumlah yang banyak, setelah ditotalkan jumlahnya ada 25 posting. Dan belum tentu pula posting pada urutan pertama, kedua, atau ketiga yang menjadi target pencarian pengunjung blog kamu. Betapa ‘bete’-nya ia, karena harus bermain dengan scrool mouse untuk mencari posting yang dia inginkan, namun belum ketemu juga. Di samping itu semakin banyak posting yang ditampilkan, maka akan berpengaruh pula dengan waktu loading suatu blog. Sudah ‘bete’ karena posting belum ketemu, ditambah loadingnya lama, jadi sama dengan 2× ‘bete dong’.

Seharusnya blog kamu memiliki navigasi yang user friendly, sehingga memudahkan pengunjung untuk meng-eksplore isi blog. Alangkah lebih efesiennya jika pengunjung meng-klik sebuah label, maka yang tampil adalah judul posting saja (mirip daftar isi). Kemudian dengan suka-cita pengunjung tersebut akan memilih, judul mana yang nantinya akan menampilkan isi posting sesuai dengan keinginannya. Nah, ini baru enak…

Setelah segala tetek bengek di atas, saya akan langsung membawa kamu ke trik blogger tentang bagaimana menampilkan judul posting saja ketika pengunjung meng-klik sebuah label, halaman hasil pencarian blog, halaman arsip, dan selain halaman beranda:

• Login dulu ke akun Blogger™ kamu.
• Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

  Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari kode di bawah ini:

  <!-- posts -->
  <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
      <data:adStart/>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><data:post.dateHeader/></h2>
    </b:if>
    <b:include data='post' name='post'/>

  Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Ganti semua kode yang berwarna merah dengan kode berikut:

  <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != "item"'>
      <a expr:href='data:post.url'>
        <data:post.title/>
      </a><br/><br/>
    <b:else/>
      <b:include data='post' name='post'/>
    </b:if>
  <b:else/>
    <b:include data='post' name='post'/>
  </b:if>

• Jangan lupa disimpan.

Posting terkait: Modifikasi Tampilan Judul Posting Tanpa Isi.

Pembaharuan (13 Desember 2012) sesuai dengan komentar @Liz Wana — Posting di atas diterbitkan sebelum pihak pengembang Blogger� menambahkan fitur halaman statis, sehingga akan mengakibatkan posting pada halaman statis tidak bisa terbuka. Oleh karena itu kita perlu untuk memodifikasi markah di atas dengan kode berikut:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
  <b:if cond='data:blog.pageType == "static_page"'>
    <b:include data='post' name='post'/>
  <b:else/>
    <b:if cond='data:blog.pageType != "item"'>
      <a expr:href='data:post.url'>
          <data:post.title/>
      </a><br/><br/>
    <b:else/>
      <b:include data='post' name='post'/>
    </b:if>
  </b:if>
<b:else/>
  <b:include data='post' name='post'/>
</b:if>

Catatan: Kode yang diberi warna merah dapat dihapus dan perlu disesuaikan dengan karakteristik pengkodean pada masing-masing template.