Cara Menampilkan Hanya Judul Postingan Jika Label Diklik

Nah kali saya akan membarikan tips agar saat Anda atau pengunjung di Blog Anda menge-kliklabel dan saat muncul hanya judul postingan saja, sudah mengerti maksud saya ?

Biasanya ketika ada pengujung atau Anda mungkin menge-klik salah satu label di Blog pastinya postingan yang muncul sangat panjang dan membuat capek jika Anda mengerakan scrolnya, nah agar lebih singkat maka ditampilkan  judul postingannya saja. Contohnya lihat gambar dibawah ini :

Nah jika Anda tertarik ikuti langkahnya sebagai berikut :


1. Login ke blogger dengan ID anda 
2. Klik Tata Letak / Layout
3. Klik Tab Menu Edit HTML
4. Backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.
5. Klik kotak keciil diasmping tulisan 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 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'>
<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>

7. Untuk memberi background gati kode berwrna merah dengan kode berikut ini :

<div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'> <data:post.title/></div></a>

8. Kode warna biru adalah kode warna silahkan ganti sesuai selera Anda
9. Kemudian jika ingin menambahkan ikon, tambahkan kode dibawah ini di atas kode <data:post.title/></div></a> 

<img alt='>>>' border='0' src='URL icon Anda'/>

10. Kode warna biru ganti dengan alamat URL icon Anda, Sehingga akan seperti ini:

<div style='padding:6px 0 6px 5px;border-right:1px solid #000;border
bottom:1px solid #000;margin
bottom:2px;background:#0099DD;color:#000000;'>
<img alt='>>>' border='0' src='URL icon Anda'/>
<data:post.title/></div></a>

11. Klik Save Template

Posted in: Tutorial Blog