Cara Membuat Read More di bLoG?

nge-Blog merupakan hal yang cukup mengasikan. Disamping kita belajar mengungkapkan sesuatu baik pengalaman maupun informasi dengan panjang lebar dan jelas. Nah,,,kadang karena terlalu panjangnya tulisan yang kita posting, saat kita publish langsung tertampil semua dalam satu kali buka blog kita. Tapi bukankah itu memberatkan kita saat membuka blog kita sendiri?? :D...nah supaya bisa lebih menarik dan meringankan loading dari blog kita kita buat Read More... Baca Selengkapnya... dan lainnya. Gmna ya cara membuat read more / baca selengkapnya? Langsung aja ya :D ....

Berikut Langkah-langkahnya.

  1. Pastikan Anda telah masuk ke Account Blog Anda.. ^^.
  2. Pilih blog mana yang pengen Anda edit, klik Design masuk ke Edit HTML
  3. Untuk bisa ngedit template secara keseluruhan, Anda centang/tandai/aktifkan Expand Widget Templates yang ada diatas kolom script.

  4. Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode
    } ]]></b:skin>
    seperti ini:

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

  5. Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

    <b:if cond='data:blog.pageType != "item"'>

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

  6. Loh kok ditempat saya ini "Baca selengkapnya yuk! ^^" bukan Read More... ?
    Anda bisa mengubah kalimat Read More itu disini, pada script diatas,
    pada Read More Anda ubah sesuai keinginan Anda.
  7. Nah supaya terpotong, masuk ke postingan Anda dan pilih pada tab Edit HTML, letakkan kursor mouse pada bagian posting dimana kamu inginkan Read More.. muncul, dan masukan kode <span class="fullpost"> posting kamu yang akan dipotong.</span>

Dan apabila dikemudian hari akan posting dan memunculkan readmore lagi. Maka tambahkan kode diatas tadi . pada Settings , pilih Formating, pada kolom Post Template. Makas secara otomatis setiap kita akan posting akan muncul script tersebut pada New Post. Tinggal masukkan postingan sesuai dengan keinginan kita memenggal postingnya dimana .

Contoh penulisan posting:

Ini adalah posting yang akan ditampilkan karena mungkin posting terlalu panjang jika ditampilkan, oleh karena itu saya perlu memotong posting ini sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat kita klik Read more.. .</span>

Hasil akhir postingan akan seperti ini:

Ini adalah posting yang akan ditampilkan karena mungkin posting terlalu panjang jika ditampilkan, oleh karena itu saya perlu memotong posting ini sampai disini saja.Read more..

Selamat Mencoba! ^_^

0 comments: