Membuat Read More

Awal kali membuat blog dan mulai memposting beberapa artikel, saya merasa fine-fine aja. Tapi begitu jumlah postingan mulai banyak, kok blog saya kelihatannya terlalu panjang ke bawah ya! Lalu saya nanya solusinya ke mbah Google. Eh... ternyata caranya dengan memenggal postingan di satu bagian. Atau dalam istilah para blogger yaitu dengan membuat read more / baca selengkapnya. Nah langsung deh saya bikin tuh read more. Ada banyak blog yang ngebahas bagaimana caranya bikin read more. Kalo yang saya bikin ini tipsnya dari Mas Kendhin. Jadi kalo sahabat mau lihat aslinya langsung aja diklik link itu ya. Nah buat yang belum tahu apa itu read more, tampilan posting dengan read more seperti ini...


Oke, sudah lihat gambarnya kan? Lanjut ke bagian cara membuatnya ya! Berikut cara membuat read more :

1. Langkah pertama login dulu ke blog anda.
2. Lalu setelah berada di dasboard, klik Layout kemudian pilih Edit HTML. Centang Expand Widget Template.
3. Lalu cari kode seperti di bawah ini

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

4. Lalu taruh kode ini tepat di atasnya

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

   dan kode ini tepat di bawahnya

   <a expr:href='data:post.url'>Read More......</a>
   </b:if>

   nah untuk kata Read More bisa sobat rubah menjadi "Baca Selengkapnya.....", "Baca Lebih Lengkap...", atau apa saja yang sobat pengen.
5. Lalu ingat klik Save Template
6. Lalu klik bagian Setting kemudian pilih Formatting
7. Nah pada bagian Post Template isikan kode ini

   <span class="fuulpost">
   </span>

8. Lalu ingat save
9. Pada saat kita memposting, kan ada dua pilihan, yaitu mode "Compose" dan "Edit HTML". Pilih yang "Edit HTML". Pasti akan muncul kedua kode ini

   <span class="fuulpost">
   </span>

10. Bagian artikel yang tidak dipenggal ditaruh di atas kode

    <span class="fuulpost">

    dan untuk sisanya ditaruh diantara kode

    <span class="fuulpost">

    dan

    </span>

Nah, bagaimana? Mudah bukan. Ga perlu ribet-ribet amat. Thanks buat Mas Kendhin untuk tipsnya. Selamat mencoba!! (*bb/bgs)