Cara Agar Tampil Judul Saja Ketika Label Diklik

Ketika kita memilih/klik salah satu label pada suatu blog yang mempunyai banyak postingan, seringkali tampilan homepage menjadi amat panjang ke bawah sehingga cape dehh kalo harus scroll lama-lama hanya untuk mencari artikel yang kita inginkan...

Tapi tenang saja kawan, kali ini saya akan share tentang Cara Menampilkan Judul Postingan Saja Ketika Label Diklik agar tampilan homepage blog anda tak lagi memanjang lagi ke bawah.

Baiklah, ayo kita terapkan sama - sama!

• Pertama dan paling utama, login ke akun Blogger anda lalu masuk ke bagian Design/Rancangan kemudian pilih tab HTML/Javascript.

• Beri centeng pada opsi 'Expand Widget Templates' agar kode yg kita cari ada di template anda.

• Langsung saja cari kode  

<b:include data='post' name='post'/> atau <div class='blog-posts feed'/>

• Kemudian Timpa/ganti salah satu kode yg ditemukan seperti diatas dengan kode berikut: 

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0B3861;color:#F5F6CE;'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Penempatan kode HTML

Keterangan :
Teks/amgka yang berwarna merah adalah kode warna untuk background label, sementara teks yang berwarna biru adalah warna teks pada label. Klik di sini untuk mengetahui lebih banyak warna yang tersedia agar sesuai dengan latar blog anda.

• Terakhir, jangan lupa simpan template anda...

Dan hasilnya....

Baiklah kawan, selamat mencoba :))

Tweet