Klik Label Tampil Hanya Judul Posting

Jika anda klik salah satu label post atau kategori posting blog ini, maka akan tampil sederetan judul posting saja. Tentunya anda harus sudah membuat label pada setiap posting. Jika belum, silahkan baca cara membuat label posting. Nah, default CSS blogger tidak menyediakan trik blogspot ini. Misalnya anda memiliki 20 posting dengan label yang sama, maka ketika label tersebut di klik, blogger akan menunjukkan dua puluh posting secara lengkap dengan isi posting. Mungkin hal ini membuat pengunjung tidak nyaman karena harus menunggu sampai semua isi 20 posting tersebut untuk ditampilkan. Salah satu cara untuk mengatasinya adalah dengan membuat widgets related pots. Nah, cara lainnya adalah dengan trik klik label tampil hanya judul posting saja atau click labels display posts title only.

Gambar berikut ini dapat menjelaskan apa yang saya uraikan tadi. Oke, karena maksudnya sudah jelas maka sekarang dilanjutkan dengan cara membuatnya.


Membuat klik label tampil hanya judul posting

1. Login ke blogger dengan id anda
2. Tuju menu Tata Letak
3. Pada tab menu klik Edit HTML
4. Centang kotak kecil Expand Template Widgets
5. Cari kode 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'/>
   </div>

   Untuk memudahkan pecarian, pada kebor anda silahkan tekan F3 atau Ctrl F. Maka akan mucul menu pencarian di layar komputer anda.


6. Hapus kode <b:include data='post' name='post'/> dan ganti dengan kode ini :
   

   <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>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>

7. Klik SIMPAN TEMPLATE
8. Selesai

Silahkan mengujinya dengan mengklik salah satu label posting blog anda. Selamat mencoba dan semoga berhasil.

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting
• Modifikasi Border Photo Profil Blogger

or or