Cara Buat "Read More" pada Postingan

Untuk melakukan pemotongan artikel di setiap postingan sangat gampang dan mudah. Anda tinggal menghendaki bagian mana yang ingin dipotong atau dibatasi tampil didalam postingan di halaman utama blog kamu.

kali ini saya akan mengepost Cara Pasang "Read More" pada Postingan Blog..
Langsung saja ke TKP gan :D

1.Login ke Akun Bloggermu
2.Pilih Layout
3.trus klik edit HTML
4.Jangan lupa centang Expand Widget Templates Untuk bisa mengedit template secara keseluruhan
5.Klik ctrl+F, lalu cari kode ]]></b:skin>
6.Masukkan code berikut di bawah ]]></b:skin>

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

 7. Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template anda dan tambahkan kode berikut tepat dibawahnya:

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

8. Nah supaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda pengen tulisan Read More.. muncul, lalu ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel sampai selesai, akhiri dengan mengetik </span>. Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose • Tulisan Read More.. seperti yang berwarna biru pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca.. Contoh Penulisan Posting.

 ……Postingan tidak dapat ditampilkan (Sebagian Teks Hilang) <span class=”fullpost”> jika ingin melihat postingan penuh monggo di klik Read More.. </span>

9. Hasil akhir postingnya akan seperti dibawah :

Postingan tidak dapat ditampilkan (Sebagian Teks Hilang) jika ingin melihat postingan penuh monggo di klik Read More..

Sekian Tutorial dari saya Trimakasih :D

Share :