Cara Membuat manual Readmore Pada Blog

By: Lukmanbayz 0 komentar

jika pada postingan sebelumnya saya membuat postingan auto read more . maka pada postingan kali ini saya akan memposting  cara membuat manual read more pada blogspot. Berikut langkah-langkahnya:
1. login blogger
2. buka rancangan --> edit HTML --> centang "expand widget template"
3. cari kode <p><data:post.body/></p>  ( CTRL+F pada keyboard untuk memudahkan)

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 sobat rubah, misalnya jadi "Baca Selengkapnya" atau yang lain.

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", nah sobat pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">




</span>
10. Letakkan tulisan posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode <span class="fullpost">
lalu taruh kode </span> paling bawah sendiri.
good luck .. ..