Jumat, 16 Desember 2011

Cara Memasang "Read More" Pada Postingan Blog

Penggunaan read more pada postingan blog dilakukan agar blog kelihatan rapi dan enak dipandang, selain itu agar blog anda terlihat profesional oleh para pengunjung.
Read More atau baca selanjutnya digunakan untuk memotong isi postingan yang begitu panjang kata-katanya.
lebih baik anda back up template lama anda sebelum melakukan pengeditan dibawah ini.
untuk menggunakan read more anda harus buka dasbor blog anda, lalu anda klik rancangan kemudian edit html.





Lalu anda tekan Crtl dan F pada keyboard dan cari kode </b:skin>



Copy paste kode dibawah ini tepat dibawah </b:skin>

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

Setelah itu, cari kode dibawah berikut ini
<data:post.body/>
setelah ditemukan kode diatas, coppy paste kode dibawah ini tepat dibawahnya

<!--READ-MORE-STARTS-->

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>

<div style="text-align: right;">Read More ->></div></a>
</b:if>

<!--READ-MORE-STOPS-->



Setelah itu save template anda, untuk memotong postingan anda harus menambahkan kode ini dibawah postingan yang akan anda dipotong kata-katanya.
<span class="fullpost">
dan kode berikut ini dibawah akhir postingan
</span>

0 Comments:

Posting Komentar