Memasang "Read More...." di Blogger

Postingan kali ini adalah postingan untuk menjawab pertanyaan salah satu teman saya. Dia bertanya tentang bagaimana cara membuat "Read More..." atau "Baca Selengkapnya..." di postingan yang menggunakan engine Blogger/Blogspot. Sedangkan fungsi dari "Read More..." itu sendiri adalah agar postingan lebih kelihatan rapi dan halaman awal blog tidak kelihatan terlalu panjang sehingga mempercepat loading blog saat dibuka. :idk:

Ok, tanpa basa basi yang bikin basi lagi, saya akan langsung menjelaskan step by step cara membuat "Read More..." di engine Blogger baru. Caranya adalah:

1. Siapkan kopi hangat dan camilan secukupnya buat menemani saat ber-internet ria. :ggi:
2. Lalu Login ke account blogger anda dengan memasukkan email dan password anda seperti biasa.
3. Waktu di Dashboard pilih menu Layout pada blog yang ingin anda tambahkan "Read More..." di setiap postingannya. Lalu pilih Edit HTML dan beri tanda check (√) pada Expand Widget Templates.
4. Cari Kode ]]></b:skin> lalu masukkan kode berikut ini tepat sesudah kode tadi:
   
   <style>
   <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
   <b:else/>
   span.fullpost {display:none;}
   </b:if>
   </style>
   
   Sehingga kodenya menjadi seperti ini:
   
   ]]></b:skin>
   <style>
   <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
   <b:else/>
   span.fullpost {display:none;}
   </b:if>
   </style>
   
   
5. Selanjutnya untuk mengatur agar postingan terpotong, cari kode <p><data:post.body/></p> dan tambahkan kode berikut tepat di bawahnya:
   
   <b:if cond='data:blog.pageType != "item"'>
   <a expr:href='data:post.url'> Read More..</a>
   </b:if>
   
   
6. Nah supaya terpotong, setiap kali mem-posting, klik pada bagian posting dimana kita ingin tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai</span> . Untuk menambahkan kode ini, ketika posting harus dalam mode Edit HTML bukan Compose.

Contoh penulisan posting:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir postingan akan seperti ini:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.Read more..

Selamat Mencoba!:bye:

NB: Jika metode di atas tidak berhasil, ketika dalam mode Edit Html coba carilah kode </div> lalu ketikkan kode <span class="fullpost"> setelah kode tadi sehingga kodenya menjadi </div> <span class="fullpost">

Sumber: Isnaini.Com