Cara Membuat Readmore/Baca Selengkapnya di blog

Jika anda menampilkan banyak postingan di blog maka blog akan terlihat memanjang. Dan ini akan menimbulkan ketidak nyamanan bagi yang melihat dan membaca blog anda. disini saya akan mencoba memberikan cara agar blok anda terlihat rapi dan menarik. yaitu dengan menampilkan paragraf pertamanya saja dan yang lainya akan tampil kalo tulisan "Readmore" atau tulisan "Baca selengkapnya" di klik.

Langkah pertama login di pengaturan blog anda, dan masuk ke tataletak/layout. trus ke edit HTML, jangan lupa memberi centang pada tulisan "Expand Widget tempalte".

Setelah itu cari kode dibawah ini(untuk mempermudah tekan ctrl+F kemudian ketik kodenya dan klik "find next")

<div class="'post-header-line-1'/">

nah dibawah Kode diatas ada kode yang mirip atau sama seperti kode dibawah ini,

<div class="'post-body"> <p><data:post.body/></p>

Lalu ganti kode diatas dengan kode dibawah ini

<div class="'post-body"> <b:if cond="'data:blog.pageType"> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a href="'data:post.url'">Selengkapnya....</a> </b:if>
tulisan readmore dapat di ganti dengan tulisan lainnya, seperti Baca Selengkapnya dll
nah kalo sudah kita melangkah ke langkah selanjutnya

Ke menu Setting/Pengaturan Lalu pilih menu Formatting/Format
Lalu Cari Kotak Post Template Isikan kode dibawah

<span class="fullpost"> </span>
Kemudian Di save/simpan

Untuk penulisannya, letakkan paragraf pertama di sebelum tulisan < class="fullpost"> dan postingan sisa ditulis di setelahnya, dan diakhiri dengan
</span>

Share :

You may like these posts :

• 
  Cara memasang buku tamu di blog
• 
  Membangun Bisnis melalui blog
• 
  Membuat Tampilan Jumlah Pengunjung di Blog
• 
  Memasang Banner Tukar Link di Blog