Memasang Read More di Postingan Blog

Ohohohooo...
Kalo buat yang satu ini ada buannyaaak sekali cara untuk melakukannya,
kayak peribahasa itu tuh, banyak jalan menuju Kebraon (Kebraon itu daerah rumah saya), habisnya banyak gang nya sih...hehee..

Tapi memang Read more dirasa cukup penting untuk digunakan setiap blogger untuk mendongkrak kenyamanan pembaca blog anda. Di samping itu Read more juga bisa mempercepat load page blog anda karena tidak usah banyak-banyak yang ditampilkan dalam setiap halamannya (jadi blog kelihatan lebih rapi).

Pembaca cukup membaca sebagian dari artikel anda dan jika merasa tertarik bisa meng-klik link untuk membaca kelanjutan dari artikel tersebut.Oh ya, dari beberapa sumber yang saya baca, menggunakan Read More juga bisa meningkatkan ke-SEO an blog anda loh.
(bener gak ya??)

Dari beberapa cara yang sudah pernah saya coba, ada satu cara yang menurut saya paling simpel, mudah, dan hasilnya maksimal! Wuih, kurang apa coba??
Oke, ini step-by-stepnya:



1. Log in ke Blogger dengan ID anda
2. Di dasbor pilih "Rancangan"
3. Di menu "Tata letak" klik "Elemen Laman"
4. Di bagian "Posting Blog", klik "Edit" yang kemudian akan membuka halaman pop-up
5. Ganti "Teks tautan laman entri" dengan apa saja sesuai keinginan anda. Default-nya sih "Baca selengkapnya...". Ini adalah tulisan yang akan keluar di tombol Read More anda.
6. Klik "Simpan"
7. Nah, sekarang jika anda mau menulis postingan di blog, anda bisa membuatnya dengan format berikut:
blablablablablablaaaaa...
<!-- more -->

blablablablablablablablaaaa...

Nanti tulisan yang warna hijau saja yang akan tampak. Pempaca bisa membaca kelanjutannya yang berwarna coklat dengan meng-klik tombol Read More nya.


Jika Cara di atas tidak berhasil, coba ini:

(Saya berasumsi anda sudah log in ke Blogger)
1. Buka menu "Rancangan"
2. Kemudian klik "Edit HTML"
3. Centang "Expand Template Widget"
4. Cari kode:

<data:post.body/>

5. Taruh kode warna ungu ini di bawah kode warna kuning 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 >

 

6. Simpan Template
7. Dalam membuat postingan, klik menu "Insert Jump-break" (di sebelah kanan "Insert a Video") untuk memisahkan antara yang tampak dan yang disembunyikan.