Membuat readmore..../ selengkapnya..... pada postingan blog

Kata readmore atau selengkapnya sering kita jumpai apabila sedang membaca artikel disebuah blog atau website yang kita kunjungi, dan apabila kita melakukan klik terhadap kata tersebut maka akan muncul keseluruhan teks pada halaman baru, cara membuatnya mudah cukup mengikuti langkah-langkah berikut ini :

Langkah 1 :

• Masuk ke blog teman-teman
• Klik setting/pengaturan
• Klik formating
• Pada bagian bawah formating ada tempat kosong di samping tulisan post template, paste code di bawah ini ke text area tersebut

<span class="fullpost">

    </span>

• Klik save setting/simpan pengaturan, adapun maksud pemasangan code tersebut agar pada saat kita melakukan posting artikel baru langsung muncul di bagian edit html, jadi kita tidak harus menghapal code tersebut.

Langkah 2 :

• Klik menu dashboard di pojok kanan atas
• Klik design
• Klik edit html
• Untuk mengurangi resiko kesalahan silakan download dulu template teman-teman dengan jalan klik tulisan download full template
• Centang tulisan Expand Widget Template, agar semua code html muncul, tunggu beberapa saat ketika proses berlangsung.
• Silakan mencari code berikut pada code html template teman-teman, agar lebih mudah lakukan ctrl F 

<data:post.body/>

• Atau code berikut (samasaja)

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

• Hapus/ganti code di atas dengan code berikut ini

<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/>

<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> </b:if>

• Kata selengkapnya bisa diganti sesuai dengan keinginan, misalnya readmore atau selanjutnya.
• Save Template
• Selesai.

Cara melakukan posting artikel baru :

• Klik menu new post, maka apabila teman-teman klik edit html, secara otomatis terdapat code berikut : 

<span class="fullpost">

    </span>

• Tuliskan artikel yang ingin teman-teman tampilkan sebelum code :

<span class="fullpost">

• Tulis keseluruhan sisa artikel sesudah code di atas tadi dan diakhiri oleh code berikut :

 </span>

• Selamat mencoba dan terimakasih.