02 Juni 2009

MEMBUAT "READ MORE..."ATAU "BACA SELENGKAPNYA" DI BLOGGER

Untuk para blogger yang baru saja membuat blog, setiap kali memposting, tampilan
default postingnya akan ditampilkan seluruh tulisan. Hal tersebut tidak akan
menjadi masalah bila artikel yang akan di posting jumlah paragrafnya sedikit.
Tapi lain halnya jika artikel yang akan di posting memiliki paragraf yang cukup
banyak. Tentu hal tersebut memakan banyak space(ruang).

Untuk lebih ringkas, kita dapat mengedit kode HTML nya. Caranya membuat readmore sebagai berikut
:



- login ke blogger.com

- setelah itu masuk ke layout, pilih edit html

- pada bagian atas kode, tandai/aktifkan Expand Widget
Templates
agar template dapat diedit secara keseluruhan

- masukkan kode berikut sebelum tag </head>
atau tepat sesudah kode } ]]></b:skin>
seperti ini:






<style>
<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:






<b:if cond='data:blog.pageType != "item"'>
<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.


Oke..Selamat mencoba..

1 komentar:

Sisipkanlah komentar temen-temen walaupun satu kata,
karena setiap komentar temen-temen sangat berarti bagi blog ini.

[home]