Labels

Minggu, 09 Desember 2012

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 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.
artikel ini di copy dari  : Membuat Read More Blog

Tidak ada komentar:

Posting Komentar

Terimakasih telah berkunjung, Silahkan Tinggalkan Komentar Anda...