10.08.2009

Trik Membuat Read More (Baca Selengkapnya)

Ini adalah cara agar postingan kita tidak terlalu panjang, artinya hanya terlihat sebagian dan sisanya disembunyikan. Untuk melihat keseluruhannya biasanya tinggal klik link Read More/Baca Selengkapnya (..kalo punyaku yang Selengkpanya tuh...) Karena kalo tidak memakai cara ini, maka postingan akan ditampilkan seluruhnya. Trik ini aku dapatkan ketika aku jalan-jalan disini. Dan sekarang kita akn coba triknya...

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

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

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>.fullpost{display:inline;}</style>
</b:if></span><p><data:post.body></data:post.body></p><span class="fullpost">
<b:else>
<style>.fullpost{display:none;}</style>

</b:else></span><p><data:post.body></data:post.body></p><span class="fullpost">

<a href="data:post.url">Read More......</a>



Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "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>


8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>


10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : sementara sisanya yaitu keseluruhan posting letakkan di antara kode dan
11. Tertib...


Bagikan

Jangan lewatkan

Trik Membuat Read More (Baca Selengkapnya)
4 / 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.

2 komentar

Tulis komentar
avatar
8 Oktober 2009 00.57

Sip banget artikelnya.Oya, sekedar informasi kawan, untuk saat ini blogger sudah menyediakan red more pada fitur postingan.So, tanpa menggunankan kode-kode tambahan lagi.Salam akrab...

Reply
avatar
8 Oktober 2009 18.20

Mmm...ini untuk selain wp ya ?
Klu wp dah disediakan ya ? :)
Btw thanks pencerahannya ya ? :)

Reply

Berkomentarlah selagi sempet.Terimakasih.