February 18, 2010

Membuat "Read More" pada postingan

Ketika postingan kita isinya sangat panjang tentunya akan memakan tempat di halaman utama blog. Untuk itu seringkali kita melihat tulisan "Read more""Baca Selengkapnya" pada postingan yang ada di halaman utama. Dengan memotong postingan tentunya akan lebih menghemat tempat dan pasti tampilannya menjadi lebih cantik. Berhubung blog ini untuk belajar dan sekalian untuk pengingat, cara buat read more  saya posting aja disini hehehehe.. atau

Cara untuk membuat read more di postingan sebagai berikut :
•    Login ke akun blogger , klik link Layout kemudian masuk ke Edit HTML
•    Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.•    Letakkan kode berikut persis di atasnya kode </head>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
•    Cari kode <p><data:post.body/></p>
Letakkan kode berikut di bawah nya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>                         
•    Jangan lupa Simpan.
•    Selanjutnya Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Lihat bagian bawah , Kotak kosong  di samping menu TEMPLATE POSTING . 
Isi kan dengan kode berikut:
<span class="fullpost">
</span>        
•    lalu  SIMPAN PENGATURAN.

Cara Penulisan Posting :

1.    Edit atau Buat Posting baru
2.    Untuk membuat read more harus dalam mode edit HTML
3.    Tulis Kata / kalimat yang ingin ditampilkan di halaman muka selanjutnya Letakkan <span class="fullpost">
pada posting yg akan disembunyikan (Di ganti dengan read more) sedangkan di akhir penulisan letakkan kode </span> sebagai penutup.
4.    Postingan siap di terbitkan.

Nah sebelumnya saya mengalami kebingungan masalah posting. karena tampilan read more nya malah muncul di bagian paling bawah dari tulisan sedangkan tulisannya juga tetap panjang. Tenang,.cara untuk mengatasinya cukup mudah kembali ke halaman edit postingan dari postingan yang mau di edit. selanjutnya hapus tanda petik (") pada kata "fullpost" selanjutnya tulis ulang tanda petik tersebut. Terakhir Jangan lupa save dan silahkan lihat hasilnya.

0 comments:

 
Free Host | lasik surgery new york