Kamis, 13 Januari 2011

Tampilkan Next Page, hanya judul postingan


Tampilkan Next Page, hanya judul postingan agak bingung juga sih mau kasi judul gimana intinya gini, saat anda mengklik Older Post maka yang tampil hanya judul postingannya saja tanpa ada rincian - rincian dari postingannya coba lihat gambar di bawah ini agar maksud saya lebihh jelas

Tutorial Blog

Nah begitulah tampilannya saat anda meng-Klik Older post jadi anda bisa tampilkan postingan sebanyak mungkin atau semau anda, dan ini sangat efektif karena kita tidak men-Scroll terlalu panjang jika masih ada postingannya kan pastinya panjang iya kan..? pastinya oklah langsung saja ke triknya :


1. Centang Expand Template Widget
2. Cari kode ]]></b:skin>
3. Lalu anda Masukkan kode CSS dibawah ini diatas kode ]]></b:skin>

#titleonly {
padding:6px 0 6px 5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:2px;
background:#EAE9E9;
color:#B8002E;
}

Lalu cari lagi kode seperti ini

<b:include data='post' name='post'/>

Dan hapus kode tersebut lalu ganti dengan kode di bawah ini

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div id='titleonly'><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>

Lalu silahkan SIMPAN TEMPLATE dan Lihat Hasilnya, caranya coba klik Older Post.