Cara Menampilkan Hanya Judul Posting Ketika Label Diklik

Sabtu, 28 Agustus 2010.
Ketika jumlah postingan blog kita sudah begitu banyak maka penggunaan Label atau kategori akan menjadi bagian yang penting.
Penggunaan label akan mempermudah atau mempercepat pengunjung dalam menemukan apa yang mereka cari.
Pada keadaan normal default, ketika kita mengklik suatu Label tertentu maka semua postingan dengan label dimaksud akan ditampilkan berikut isi postingannya.
Jadi, misalkan saja, suatu label berisi 100 postingan maka ke-100 postingan tersebut akan ditampilkan semua.
Dengan kondisi demikian dapat membuat pengunjung menjadi tidak sabar untuk melanjutkan pencariannya.
Apalagi kondisi tersebut masih diperparah dengan panjangnya isi setiap postingan yang ada dan juga beratnya loading blog.


Sehubungan dengan hal tersebut, jika menginginkan, kita dapat mengatur sedemikian rupa sehingga ketika pengunjung mengklik suatu label tertentu, yang ditampilkan hanya judul postingannya saja tanpa disertai isi postingannya.
Dengan demikian dapat mempersingkat pengunjung dalam melakukan pencarian karena yang ditampilkan hanya judulnya saja.
Berikut langkah-langkahnya.

Login ke Blogger
Klik Rancangan (Yang dulunya Tata Letak)
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
Kemudian cari kode <b:include data='post' name='post'/>

ganti kode tersebut dengan kode berikut 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'><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 selesai dan lihat hasilnya

Comentários:

Posting Komentar

 
Wahyu Afandi © Copyright 2010 | Design By Gothic Darkness |