Banyak blogger yang meminati pemotongan artikel pada postingan mereka. Karena biasanya dengan pemotongan artikel maka jumlah postingan yang ditampilkan di halaman utama menjadi lebih banyak dan mudah dibaca. Tetapi tidak semua dapat membuat pemotongan artikel. Untuk itu saya akan memberitahu caranya.
Caranya:
Login ke akun blogger anda, masuk ke Edit HTML.
Centang/tandai/aktifkan Expand Widget Templates agar template bisa diedit 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 agar postingan dapat terpotong, cari kode <p><data:post.body/></p> dalam template anda dan ganti kode tersebut dengan kode di bawah ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More.....</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>Nah agar postingan terpotong, saat anda mengepost artikel, klik pada bagian artikel yang akan dipotong, lalu ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel sampai selesai, akhiri dengan mengetik </span>. Untuk menmbahkan kode ini, anda harus dalam mode Edit HTML bukan Compose
Tulisan Read More.., bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca..
Contoh cara menulis:
"Artikel ini adalah contoh tulisan yang akan saya tulis. Karena terlalu panjang maka saya potong disini. <span class=”fullpost”> Lalu ini adalah sisa tulisan yang saya sembunyikan. Untuk membacanya anda harus mengklik Read more... </span>"
Setelah dipost akan jadi seperti ini :
"Artikel ini adalah contoh tulisan yang akan saya tulis. Karena terlalu panjang maka saya potong disini.
Read more.."
Postingan
Tidak ada komentar:
Posting Komentar