Membuat ReadMore Sederhana

Readmore (Baca Selengkapnya) Berfungsi sebagai penyingkat posting agar hanya tampil sebagian teks saja, ReadMore ada 2 macam Yang sedernana dan yang Otomatis sedangkan disini saya akan menunjukan cara membuat ReadMor sederhana.

caranya bergini !!

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 :

<div class='post-body entry-content'>



Kalo dah ketemu pasti dibawahnya ada kode ini

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



lalu ganti kode diatas 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'>Baca Selengkapnya</a>
</b:if>


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.

Ketika memposting, Lihat Contoh ini

Readmore (Baca Selengkapnya) Berfungsi sebagai penyingkat posting agar hanya tampil sebagian teks saja, <span class="fullpost"> ReadMore ada 2 macam Yang sedernana dan yang Otomatis sedangkan disini saya akan menunjukan cara membuat ReadMor sederhana.....dst </span>

Maka Hasilnya:

Readmore (Baca Selengkapnya) Berfungsi sebagai penyingkat posting agar hanya tampil sebagian teks saja, >>Baca Selengkapnya...

Selesai, Selamat Mencoba....

0 comments

Post a Comment

Budayakan membaca sebelum berkomentar NO SPAM NO SARA
Jangan menaruh link aktif jika tetap nekat admin akan menandainya sebagai SPAM.