Cara Membuat Read More Atau Baca Selengkapnya Di Blog

Pada saat membuat postingan atau tulisan diblog, maka tulisan kita tersebut akan muncul di homepage atau halaman depan blog kita dan biasanyaakan tampil semuanya dari mulai awal hingga akhir, dengan demikian maka akan memakan banyak halaman dan memanjang ke bawah sehingga akan kelihatan tidak artistik.

Untuk membuat supaya nampak bagus, maka kita perlu cara untuk membuat halaman kita tersebut cuma ditampilkan sekilas saja dan ditampilkan penuh di tempat yang lain, yaitu dengan cara pembaca mengklik.

"Baca Selengkapnya"....."Read More"......dsb.

Berikut adalah salah satu cara untuk membuat nya :

Login dengan Id Blogspot anda

Kemudian Pilih Dasbor, Layout, dan kemudian pilih Edit HTML

Jangan Lupa Centang "expand widget template"

Cari kode berikut ini di Template blog anda (tempatnya kira-kira pada 1/4 bagian bawah kode html) :

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

Jika Sudah ketemu, ganti kode diatas dengan kode dibawah 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 bisa anda ganti sesuka anda.

Simpan Hasil Edit HTML tersebut

Kemudian Buka Setting, lalu pilih menu Formatting

Pada Post Template isikan kode berikut ini :

<span class="fullpost">

</span>

Klik Simpan

Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut didalam tempat kita menulis postingan:

<span class="fullpost">

</span>

Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> dan sisanya yaitu keseluruhan posting letakkan di antara kode :

<span class="fullpost"> dan </span>