Cara Membuat Readmore
Saturday, October 31, 2009
Tulisan yang terlalu panjang pada halaman muka akan tampak kukrang menarik karena menyebabkan homepage blog juga menjadi terlalu panjang. Nah untuk itu perlu menyembunyikan sebagian dari artikel agar posting tampat lebih rapi/pendek. Menyembunikan sebagian artikel ini menggunakan read more. Ada beberapa langkah untuk membuat read more, dan langkah dibawah ini mungkin berbeda untuk template yang berbeda.
Untuk membuat read more ada beberapa langkah yang harus kamu lakukan, yaitu
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Untuk membuat read more ada beberapa langkah yang harus kamu lakukan, yaitu
- Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
- Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
- Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode </b:skin> seperti ini:
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style
- Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
<a expr:href='data:post.url'> Read More..</a>
</b:if>
- Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik<span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose
1 comments:
Bang ??
Ketik < span class=”fullpost”> di paling atas atau di mana sih ??
Masih kurang jelas bang !
hhee
Post a Comment