Membuat Read More di Postingan

Read More berfungsi untuk menyingkat halaman agar tidak terlalu panjang sehingga tidak membuat penuh halaman utama. Jadi hanya bagian awal postingan saja yang ditampilkan dengan sebuah link Read More / Baca Selengkapnya. Jika ingin melihat keseluruhan isi postingan, cukup dengan dengan mengklik link Read More tersebut.
Nah, jika kamu tertarik ingin menerapkannya di blog kamu, berikut ini langkah-langkahnya :

1. Login ke Blogger.
2. Ke Layout / Tata Letak. Pilih Edit HTML, kemudian centang Expand template Widget.
3. Cari kode berikut :
   
   
   <p><data:post.body/></p>
   
   
   
4. Kemudian ganti kode tadi 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>
   
   
   
5. Tulisan Read More bisa kamu ganti dengan tulisan yang kamu inginkan.
6. Simpan hasil pengeditan.
7. Kembali ke Dasbor.
8. Pilih Menu Setting / Pengaturan pada Dasbor. Kemudian pilih Formating.
9. Pada kotak Post Template, isikan kode berikut :
   
   
   <span class="fullpost">
   </span>
   
   
   
10. Simpan.
11. Setting Read More sudah selesai.

Pada saat memposting suatu artikel, terdapat dua pilihan metode cara posting, yaitu “Tulis” dan “Edit HTML”. Jika kamu pilih yang Edit HTML, maka secara otomatis akan tampak kode berikut :

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

Letakkan bagian awal postingan sebelum kode <span class="fullpost">. Selebihnya letakkan di antara kode <span class="fullpost"> dan </span>.

Gimana , mudah kan!

[*]

Artikel Menarik Lainnya