Tuesday, April 15, 2014

Cara Menampilkan Judul Post Saja Pada Label

Cara Menampilkan Judul Post Saja Pada Label

Penampilan blog terkadang bisa membuat pengunjung blog menjadi betah berlama-lama tinggal di blog kita. Oleh karena itu, sebisa mungkin kita harus dapat menata penampilan blog agar terlihat menarik, tertata rapih, dan memudahkan pengunjung. Salah satu hal yang perlu diperhatikan untuk memudahkan pengunjung adalah kita harus menerapkan sistem "penataan label".

Pemberian nama label itu bertujuan untuk memilah-milah artikel dan mengelompokannya berdasarkan nama label yang diberikan. Dengan pemberian label ini maka akan memudahkan pengunjung saat mencari artikel berdasarkan kategori tertentu.

Namun, bagi sobat Penghuni 60 yang masih newbie, mungkin pernah mengalami, ketika kita mengklik label, maka artikel yang sesuai dengan label pun akan ditampilkan seluruhnya. Jadi manakala jumlah artikel tersebut banyak, maka tampilan di blog pun akan memanjang terus ke bawah. Apalagi jika dalam blog tersebut belum diterapkan widget readmore serta navigasi untuk page. Maka bisa dibayangin sendiri seberapa panjangnya semua artikel yang dimunculkan.

Masalah tersebut, bisa saja menyebabkan mata pengunjung merasa kurang enak, alias pusing lebih dulu sebelum membaca dan memperoleh artikel yang dicarinya, alhasil mereka malah mengurungkan niatnya untuk membaca lebih jauh, dan kabur meninggalkan blog milik kita.

Nah, untuk mengatasi permasalahan itu, ada sebuah cara dimana kita bisa meminimalisir tampilan artikel saat dilakukan pencarian melalui label. Agar tampilan menjadi jauh lebih simple dan mudah, serta enak dipandang mata. Cara itu adalah dengan jalan hanya menampilkan judul postingan saja. Sehingga meskipun jumlah postingan yang ditampilkan itu dalam jumlah banyak, tetap tidak menghabiskan banyak ruang. Lihat contohnya seperti pada gambar di bawah ini:

post title only on label
Contoh tampilan label hanya judul post saja di Blog Penghuni 60

Bagi sobat Penghuni 60 yang ingin menerapkan cara ini, silahkan ikuti langkah-langkahnya berikut ini:
  • Silahkan login ke akun Blogger sobat
  • Kemudian pilih menu Template > Edit HTML
  • Lalu cari kode ini:
<b:include data='post' name='post'/>

  • Jika sudah ketemu, hapus kode tersebut dan gantikan dengan kode ini:
<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

  • Simpan template
  • Selesai
Mudah bukan? Untuk mengeceknya, silahkan klik salah satu label yang ada di blog sobat, dan lihat sendiri hasilnya seperti apa. Semoga setelah menerapkan trik ini, pengunjung blog sobat akan semakin betah.

Selamat mencoba... ^_^ happy weekend




Signp60


No comments:

Post a Comment