Secara default jika kita menekan sebuah label/categorie , maka yang tampil semua isi postingan ( artikel ). dan terkadang jika terlalu banyak isi postingannya maka yang terjadi di lihat dari sisi si pengunjung akan menjadi segan membacanya, apalagi jika artikel yang kita tulis tidak di penggal ( memakai read more ).
Nah sekarang bagaimana jika ketika kita menekan sebuah label/categorie, yang di tampilkan hanya judul-judul artikel-nya saja ?
Tutorial ini ( atau hack ini ) saya dapatkan dari blognya suhu ramani. sedangkan untuk menerapkanya ke dalam blog kita.
Pertama : buka halaman Edit Html . Tandai Expand Template Widget .
kemudian cari kode ini.
<b:include data='post' name='post'/>
Kedua : Setelah ketemu 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><hr/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Bonus : Jika ingin menambah icon/gambar di setiap
judul yang di tampilkan kodenya ini.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div style='width: 90%;border-bottom:1px solid #9F9F9F;padding:3px;margin-left:25px;'>
<img src='http://i120.photobucket.com/albums/o190/jaloewig/catalog-tut/bullet-hol3.gif'/><a expr:href='data:post.url'>
<data:post.title/></a><br/></div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>



0 comments:
Post a Comment