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...















.