Senin, 29 Agustus 2011

Read More pada Blog (Part 1)


Terkadang jika kita hendak memosting sesuatu yang sangat panjang tentunya akan menyita banyak ruang dan tidak efektif sehingga mengurangi mina baca seseorang yang hendak membaca blog kita, penggunaan read more pada blog sangat penting untuk menghemat tempat dan untuk menjaga kerapian blog. Berikut ini cara membuat read more pada blog :

  • Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk keEdit HTML
  • Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
  • Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>seperti dibawah ini :
  • <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>
  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template anda dan tambahkan kode berikut tepat dibawahnya:
  • <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>
  • Nah supaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda  pengen tulisan Read More.. muncul, lalu  ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel  sampai selesai, akhiri dengan mengetik  </span>.  Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose
  • Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca..

Tidak ada komentar:

Posting Komentar