Join My Community at MyBloglog!

04/08/09

Membuat Klik Label Hanya Tampil Judul Posting

Jika ada visitor yang mengunjungi blog kita dan meng-klik sebuah label (kategori), maka akan tampil hanya judul posting yang mempunyai label tertentu (misal : Tips dan Trik Blogger) tersebut. Berapa kali anda mem-posting dengan label "Tips dan Trik Blogger", sejumlah itu pula posting yang akan tampil. Jika satu posting tentang Tips dan Trik Blogger memiliki uraian yang lumayan panjang, setelah ditotalkan jumlahnya ada 30 posting. Dan belum tentu pula posting pada urutan pertama, kedua, atau ketiga yang menjadi target pencarian pengunjung blog kita. 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 2x bete dong.

Seharusnya blog anda memiliki navigasi yang user friendly, sehingga memudahkan visitor 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.

Cara membuat klik label yang tampil hanya judul posting adalah sebagai berikut :

  • Login ke account blogger.
  • Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".
  • 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 : Tekan tombol Shift+F di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga anda 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>

Simpan dech....


source ->>http://mesin-uang-internet.blogspot.com