Tutorial membuat read more di blogspot. Setelah sebelumnya membuat posting mengenai
alexa, kali ini saya akan menuliskan tutorial blog mengenai
cara membuat read more pada blogger/blogspot.
Sebenarnya sekarang Anda tidak perlu susah-susah dalam membuat kode read more (baca selanjutnya) di blog Anda. Tidak seperti dulu, di mana blogger tidak menyediakan secara langsung fungsi read more tersebut.
Sekarang Anda tidak perlu menambahkan kode-kode yang rumit seperti sebelumnya. Cukup tambahkan kode berikut pada bagian tulisan yang akan dipotong.
<!-- more -->
Untuk lebih mudah lagi, Anda bisa menggunakan secara langsung fungsi read more dengan menekan tombol
Insert jump break yang ada pada toolbar pengeposan blogger.
Setelah mengklik tombol tersebut, maka fungsi read more akan tampil seperti gambar berikut.
Setelah melakukannya, postingan Anda pada halaman depan akan otomatis terpotong. Namun, tulisan read more belum tentu tampil. Tapi, tenang saja!
Karena fungsi read more ini baru dibuat oleh blogger, jadi hanya blog baru (setelah fungsi read more dibuat) yang bisa menampilkan langsung
fungsi read more ini.
Nah, jika tulisan
read more ini belum tampil di halaman depan, Anda bisa ikuti tutorial berikut.
- Masuk ke akun blogger Anda.
- Pilih menu Tata Letak (Layout) » Edit HTML.
- Beri tanda centang pada tulisan Expand Widget Templates.
- Cari kode seperti di bawah ini.
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
- Setelah itu, copy paste kode berikut di bawah kode tadi.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
- Simpan template
Mudah bukan
cara membuat read more di blogspot?
Title : Cara Pasang/Buat Read More di Blogspot
Description : Tutorial membuat read more di blogspot . Setelah sebelumnya membuat posting mengenai alexa , kali ini saya akan menuliskan tutorial blog men...
