Cara Membuat Read More pada Blog

Pada sebuah blog sering kali kita menemukan kata read more atau baca selengkapnya untuk artikel-artikel yang cukup panjang. Hal ini dimaksudkan untuk meminimaliskan tampilan artikel pada layout blog kita.

Untuk membuatnya ternyata cukup mudah. Bagi temen-temen yang belum mengetahui caranya, berikut ini akan saya paparkan cara membuat read more,,,

  - Masuklah ke blog anda

  - Kemudian klik rancangan/layout lalu pilih edit HTML 

  - Beri tanda centang (aktifkan) kotak expand widget template

Expand Template Widget

- Sebelum kita mulai mengedit HTML , ada baiknya jika anda mengcopy html yang ada dan paste ke notepad atau klik download template lengkap untuk berjaga-jaga apabila terjadi kesalahan dalam pengeditan.

- Masukkan kode (di bawah ini ) sebelum tag </head>...Untuk mempermudah pencarian tag </head>, sebaiknya klik menu edit , kemudian pilih find lalu masukan tag </head>.

<style>
<b:if cond='data:blog.pageType == "item"'> 
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>

- Lalu carilah tag <p><data:post.body/></p>. Untuk mempermudahnya gunakan menu edit-find.

Apabila di tag html anda hanya ditemukan <data:post.body/> maka rubahlah menjadi 
<p><data:post.body/></p>.

- Kemudian masukkan kode di bawah ini tepat setelah tag <p><data:post.body/></p>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

- Kemudian save template

Nah...supaya artikel yang diinginkan terpotong , maka temen-temen mengetik artikelnya di edit HTML bukan di  compose .  Pada setiap pengetikan artikel sisipkanlah tag <span class="fullpost"> dan </span>

contoh penulisan artikel yang akan diberi readmore

Ini adalah contoh artikel yang akan diberi read more,misalnya saya akan akan memotong postingan tepat di bagian ini,maka sisipkan tag <span class="fullpost"> Kemudian untuk lanjutan postingan tetap ditulis seperti biasa namun diakhiri dengan tag </span>

Hasil  postingan
Ini adalah contoh artikel yang akan diberi read more,misalnya saya akan akan memotong postingan tepat di bagian ini,maka sisipkan tag read more.

Sekian cara pembuatan read more pada blog...Semoga bermanfaat bagi teman-teman semua..
Selamat mencoba...GOOD LUCK