Tuesday, January 19, 2010

Membuat Read More Blog

Bagi kawan pembaca yang hobi blogging atau hobi membaca postingan di internet, pasti pernah atau bahkan sudah akrab dengan kata "Baca selengkapnya, selanjutnya, read more, dll" yang memjelaskan bahwa postingan yang ada pada halaman itu masih ada lanjutannya. Nah, jika anda ingin membuatnya pada blog anda caranya adalah anda mesti mengutak-atik kode HTML template blog anda atau cara paling mudah adalah dengan memanfaatkan fitur terbaru dari post editor blogger

. Yang pertama akan saya bahas adalah membuat read more postingan dengan kode HTML.
  • Pertama anda mesti login ke akun blogger anda.
  • Kemudian anda cari menu tata letak > edit HTML, kemudian beri tanda cek pada tulisan expand template widget. Jika anda khawatir mengalami kesalahan saat mengubah kode HTML blog, ada baiknya anda simpan kode HTML asli template anda dengan mengklik tulisan donwload template lengkap yang ada pada bagian pojok kanan atas halaman tersebut.
  • Setelah itu anda cari kode </head> dengan bantuan f3 dari keyboard anda agar lebih mudah.
  • letakkan kode berikut tepat di atas kode </head> yang anda temukan sebelumnya:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
  • Temukan kode berikut <p><data:post.body/></p> , letakkan kode berikut tepat di bawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
  • Simpan template.
Ini merupakan tahap awal untuk memasang read more, tahap terakhir adalah memotong isi postingan yang anda inginkan, caranya adalah:
  • Klik posting > entri baru atau edit entri (ini tergantung anda ingin memotong postingan yang sudah ada atau membuat postingan baru dan langsung memotongnya).
  • Letakkan kode berikut ini diantara postingan yang ingin dipotong/disembunyikan. 
<span class="fullpost">

</span>
  • Bagian yang merah anda letakkan tepat di depan kata awal postingan yang ingin disembunyikan.
  • Bagian yang biru anda letakkan di akhir postingan.
  • Terakhir klik terbitkan entri dan lihat hasilnya.
Cara kedua ini relatif lebih mudah daripada anda harus mengutak atik kode HTML template anda. Tapi anda harus menggunakan fitur terbaru dari post editor blogger. Jika anda belum tahu sama sekali tentang itu, sebaiknya anda baca dulu postingan saya sebelumnya tentang new post editor blogger, klik disini!!!
Jika new editor post telah terpasang di akun blogger anda maka tinggal lakukan tahapan berikut:



  • Buat postingan baru atau edit postingan yang sudah ada dengan klik menu Posting.
  • Letakkan kursor di depan kata postingan yang ingin dipotong/disembunyikan.
  • Klik menu dengan icon gambar seperti di bawah  ini tepat di depan kata postingan yang ingin disembunyikan


  • Terbitkan entri dan lihat hasilnya pada blog anda.
Selamat mencoba...........

No comments:

Post a Comment