Cara buat "Readmore" pada Blogger

Tips Blogger ini saya copy paste dari blog-nya http://www.o-om.com untuk belajar sendiri jika suatu hari lupa caranya. Makasih Om...

 

Mungkin rekan blogger yang baru mulai membuat blog masih bingung apa itu readmore? Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" atau apalah namanya :). Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang. Pengen tau cara buatnya?

 

Contoh Read More :

Pernah menemukan pesan seperti diatas?...jika pernah jangan panik, ini hanya pesan pemberitahuan dari blogger kalau layanan sedang melakukan perbaikan maintenance pada server. pesan ini hanya berlangsung kurang lebih beberapa menit setelah itu akan normal kembali. Semoga informasi ini membantu :)Readmore.. »

 

 

Untuk membuat readmore ikuti langkah dibawah ini :

 

Langkah Pertama:

 

Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

 

Langkah Kedua:

 

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

 

Langkah Ketiga:

 

Cari kode dibawah ini:

 

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

Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode <div class='post-header-line-1'/> <div class='post-body'>

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

Kemudian dibawah kode diatas kita akan menemukan kode:

 

 

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

Lakukan Copy-Paste kode dibawah ini dibawah code <p><data:post.body/></p>

 

<a expr:href='data:post.url'>Readmore…»»</a>
</b:if>

Tips: Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")

 

 

Langkah Empat :

 

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini :

 

<div class="fullpost">
</div>

 

Jangan lupa disimpan

 

 

Langkah Kelima :

 

Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:

 

<div class="fullpost">
</div>

 

ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.

Taruh saja kode <div class="fullpost"> pada tempat yang ingin kita potong. Trus kode </div> taruh pada paling akhir posting kita. Selesai dhe…

Semoga berhasil ya….

 

Posting Yang Berkaitan :