Cara Membuat Read More di Blogspot
Cara Membuat Read More merupakan artikel
tutorial yg paling diminati oleh blogger pemula yang baru membuat blog di
blogspot, karena Sebuah artikel yang panjang akan banyak memakan tempat
di halaman utama sebuah blog, sehingga artikel lain yg ditulis sebelumnya akan
jarang dibaca pengunjung karena mereka harus menscroll halaman kebawah terlebih
dahulu. Nah, pada
belajar ngeblog kali
ini saya akan ikut2an membuat tutorial bagaimana cara memotong artikel panjang
tersebut dengan
membuat read more .. atau baca selanjutnya ..
- Login ke akun blogger anda,
pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke
Edit HTML
- Jangan lupa
centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit
template 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 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>
- 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 merah pada kode
diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut
Baca..
Contoh Penulisan Posting
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo
postingan muncul semua, oleh karena itu saya perlu memotong berita sampai
disini saja.
<span class=”fullpost”> Dan ini adalah sisa postingan
saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link
read more.. diklik
</span>
Hasil akhir posting akan tampak seperti ini :
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo
postingan muncul semua, oleh karena itu saya perlu memotong berita sampai
disini saja.
Read
more..
sumber : http://www.belajarngeblog.com/cara-membuat-read-more-di-blogspot