Menampilkan Judul Posting di halaman depan

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.

 Caranya gimana...
 Ok. ikuti petunjuknya baik-baik :

1. Login ke blogger dengan id anda
2. Tuju menu Tata Letak
3. Pada tab menu klik Edit HTML, Centang kotak kecil Expand Template Widgets
4. 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 != &quot;item&quot;'><br/>
<a expr:href='data:post.url'>
<data:post.title/></a><br/>
<b:else/>
<b:include data='post' name='post'/><br/>
</b:if>
<b:else/>
<b:include data='post' name='post'/><br/>
</b:if><br/>

7. Klik SIMPAN TEMPLATE
8. Selesai
9. Terima kasih