Membuat Read More
Dalam nge-blog pasti kita ingin blog kita rapi dong, enak diliat oleh para pengunjung. Pengennya tiap postingan yang muncul di Home cuma sebagian aja, pengen ada read more nya....etc...etc....
Well, stelah berkeliling dunia maya akhirnya nemu kode2 yang bisa dipake buat nampilin read more, tapi ttep ga bisa.....
Akhirnya setelah baca2 di blog orang ternyata blogger udah ngasih fasilitas ini dari dulu T.T dan gw baru tau (koplak!)
Nah itu yang gw lingkarin merah namanya jump break, ada di halaman kalo kita mau posting tulisan baru atau mau ngedit postingan. Ketik dulu artikelnya, baru tentuin dimana mau dipotongnya langsung dah klik icon itu, otomatis langsung kepotong.
Tapi itu cuma bisa dipake kalo agan make template asli dari blogger, laen cerita kalo misal agan make template dari pihak ketiga. Kalo make template dari pihak ketiga cara diatas masih berlaku, tapi tulisan read more nya ga muncul, gimana cara munculinnya? bekicot gan....
1. Lakukan hal yang sama dengan memakai tombol jump break
2. Trus, ke bagian Rancangan -> Edit html
3. Beri tanda centang pada kotak kecil deket tulisan Expand Template Widget
4. Setelah itu cari kode seperti ini
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
bisa menggunakan ctrl + F agar mempermudah pencarian :)
Lalu copy paste-kan kode di bawah ini ke bawah kode yang di atas tadi
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
nanti jadinya seperti ini :
5. Kalo udah pilih Pratinjau terlebih dahulu untuk melihat hasil tanpa men save, kalo udah yakin baru klik Simpan Templat.
6. Done ;D
0 komentar:
Posting Komentar