Saturday, September 25, 2010

Membuat Readmore atau Baca Selengkapnya...






Masuk ke menu Rancangan > edit HTML, klik pada kotak Expand Template Widget (sebelumnya simpan dahulu templete anda dengan klik Download Template Lengkap

Setelah itu cari kode :

<data:post.body/>


atau

<p><data:post.body/></p>

Jika sudah ketemu hapus kode di atas (salah satu kode yang ada di templete anda)
dan ganti dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Baca Selengkapnya...</strong></a></p>
</b:if>

Anda juga bisa mengganti tulisan 'Baca Selengkapnya...' dengan tulisan sesuka Anda, bisa dengan Readmore, dll.

Langkah selanjutnya adalah dimana kita akan memotong postingan
Masuk ke Pengaturan dan klik Format
Pada kotak 'Templat Entri' masukkan kode di bawah ini:

<span class="fullpost">

</span>

Kemudian Simpan Setelan

Di setiap postingan, pada menu Edit HTML akan selalu muncul kode di atas.
dan untuk menulis postingan gunakan pada menu Edit HTML.

Di atas kode <span class="fullpost"> kita tuliskan postingan kita. di atas kode inilah tulisan kita akan muncul, dan setelah kode di atas tulisan kita hilang. Untuk kode </span> kita letakkan paling akhir dari postingan kita.

Sebagai contoh:

Alexa Internet, Inc. adalah perusahaan berbasis di California yang mengoperasikan situs yang menyediakan informasi mengenai banyaknya pengunjung suatu situs dan urutannya. <span class="fullpost"> (disinilah sebagian tulisan kita akan hilang sampai akhir tulisan)</span> bila diklik Baca Selengkapnya atau Readmore akan muncul tulisan seluruhnya

No comments:

Post a Comment