Cara membuat "Baca Selengkapnya.."

Jika postingan yang anda post terlalu panjang, maka akan memakan banyak tempat di halaman pertama blog kamu, maka solusinya kamu harus memotong post tersebut dan membukanya di tab baru. Berikut cara membuat link baca selengkapnya/readmore. Ikuti Tios di bawah:
1. Login ke blog kamu.
2. Setelah muncul Dasbor klik Tab menu layout/Rancangan
3. Buka menu Layout/ rancangan kemudian pilih Edit HTML.
4. Centang pada cekbox "expand widget template"
5. Cari kode berikut di Template blog kamu

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

6. Kamu ganti dengan kode berikut

  <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 yang berwarna merah atau "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya" dan Seterusnya... Seterah dengan selera kamu.

7. Simpan hasil pengeditan.
8. Kemudian pilih menu Setting lalu pilih Formatting
9. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

10. Kemudian Simpan.
11. 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 :

<span class="fullpost">


</span>

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

Maka Selesai deh.. Selamat Mencoba...

  

Komentar