Cara Membuat Read More

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode dibawah ini :

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

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti 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/></p>
<a expr:href='data:post.url'>Read More....</a>
</b:if>

Tulisan "Read More..." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut :

<span class="fullpost">


</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Simpan Template anda dan Selesai

Apa ini yang anda cari ?

1 comments:

vnine mengatakan... [Reply]

makasih tutornya...
sy baru belajar buat blog...

Tinggalkan Komentar Anda di Bawah ini!!!

Kalau ada Artikelnya yang kurang jelas, tuliskan komentar anda dibawah ini!!! Tapi yang sopan yah demi menjaga kenyamanan bersama, Anda Sopan Kami Segan!!! untuk komentar SPAM akan saya hapus!!!

 

© 2010 Klopototolia TJ. Powered By : Blogger

ping fast  my blog, website, or RSS feed for Free Ping your blog, website, or RSS feed for Free