Pages

Cara Menampilkan Hanya Judul Posting Ketika Label Diklik


Postingan blogger newbie kali ini adalah Cara Menampilkan Hanya Judul Posting Ketika Label Diklik. maksudnya jika ada pengunjung blog kamu yang mengklik label / kategori label maka yang muncul hanyalah judul dari postingannya saja. apa sih manfaatnya, ya kalau menurut blogger newbie sich fungsinya gak beda jauh sama readmore karena bisa menghemat space blog kita. dan juga bisa menambah pageview blog kita tentunya, karena kalau cuma membaca judul postingan saja kan gak paham akhirnya diklik untuk melihat isi postingannya.

Untuk contoh tampilannya kurang lebih seperti gambar dibawah ini :




Untuk cara pemasangannya ikuti langkah - langkah dibawah ini :

  1. Login ke account blogger anda
  2. Klik Tata Letak / Layout
  3. Klik Tab Menu Edit HTML
  4. Backup dulu sebelum melakukan edit template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.
  5. Klik kotak kecil (centang) Expand Widget
  6. Cari kode <div class='blog-posts feed'> atau kode <b:include data='post' name='post'> Untuk memudahkan mencari tekan ctrl F / F3. Kemudian hapus diatas dan diganti dengan kode beriku ini :


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<img alt='=>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3-BTInGmitU-cGxnQmyUPjvlIa7uW4zDBqDDkeyiHK3kOMD2Aobtk3bqUDqa2xAJ0Dkdvz0C4wIXzhN6BGzCRjjNUwpYphwnTEDBrmjQNWjN2yQRHZJZdgXbWSw3DWt6Nat1GM7nzDk/s1600/next-icon.png'/>
<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>


Untuk kode warna hijau itu adalah icon yang terletak di depan judul posting.
kalau tidak suka atau pengin diganti gambarnya juga bisa silahkan ganti kode yang warna merah dengan alamat icon yang kamu punya.

{ 0 comments... read them below or add one }

Posting Komentar