Cara Membuat "Baca Selengkapnya..." di Blogger

Setelah sekian lama mengembara di dunia maya dan berapa kali trial and error, akhirnya saya menemukan tips yang jitu untuk membelah posting dan menampilkan pesan "Baca selengkapnya..." atau "read more..." atau sejenisnya.

Sebagai blogger pemula, saya juga ingin berbagi tips ini kepada anda :

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 anda  :

(caranya : tekan ctrl+F dan akan muncul menu Find, kemudian masukkan kode yang akan anda cari)

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

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


4. Kalau sudah ketemu, Ganti kode tersebut menjadi seperti ini :


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

<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 anda ubah, misalnya jadi "Baca Selengkapnya...", atau lainnya.

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, klik EDIT HTML. Maka, secara otomatis akan tampak kode seperti berikut :


<span class="fullpost">


</span>

10. Letakkan abstrak posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore...") di atas kode ini :

<span class="fullpost">

sementara sisanya yaitu keseluruhan posting letakkan di antara kode :

<span class="fullpost">

dan

</span>

11. Selesai

Selamat Mencoba...

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

** Special thank's to Mas Kendhin

Artikel yang berhubungan :