Jump Links, Fitur Read More di Blogger

Sebelumnya, pemilik blog di blogger/blogspot harus menggunakan trik tertentu untuk membuat artikel kita terpotong hanya menampilkan beberapa paragraf awal, atau istilahnya "Read More". Berbeda dengan blog wordpress yang sejak awal sudah mengintegrasikan fungsi ini.

Namun, blogger terus berbenah. Setelah menambahkan widget Recent Post dan Recent Comment yang juga sebelumnya tidak ada, kini blogger juga telah mengintegrasikan fitur Read More ini, atau yang oleh Blogger disebut Jump Links.

Bagaimana menghidupkan fitur expandable post summaries ini ?

Ada dua cara yang bisa digunakan untuk memanfaatkan fitur read more di blogger ini, bisa lewat 'Blogger in Draft' maupun lewat New Post Editor yang dapat di-enable dari DashBoard Blogger (DashBoard > Settings > Basic).

Untuk menggunakannya, anda hanya perlu menempatkan kursor dimana readmore akan ditempatkan, dan klik tombol 'Insert jump Break'



Alternatifnya, jika anda berada dalam mode edit html, cukup tempatkan kode berikut dimana anda ingin artikel anda terpotong :

<!-- more -->

Untuk mengganti tulisan Read More dengan kata-kata yang sesuai dengan keinginan anda, lakukan cara berikut:

Masuk ke Dashboard > Layout > Blog Post Widget dan klik pada Edit. Ubahlah bagian berikut:



Cara di atas berlaku jika anda menggunakan tema default atau bawaan dari blogger. Lalu bagaimana jika kita menggunakan template sendiri yang sudah dikustomisasi ?

Bagi pengguna template pribadi yang belum mendukung fitur ini, ada sedikit kode yang perlu anda tambahkan agar fitur baru ini dapat anda manfaatkan.

• Pertama, lakukan tahapan-tahapan di atas.


• Masuk ke Layout > Edit HTML > Download Full Template untuk melakukan backup template sebagai jaga-jaga.


• Centang kotak Expand Widget Templates.


• Kemudian cari fungsi berikut:

<data:post.body/>

• Inilah letak dimana Post Blog anda berada.

• Tepat setelah kode <data:post.body/>, kopi-paste kode berikut :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

• Selanjutnya Preview perubahan yang anda lakukan dan simpan template. Mesinya sekarang anda sudah dapat melihat expandable post summaries di Home Page anda.

Demikian tutorian singkat dan mudah untuk menerapkan fitur jump link atau read more di blog blogger/blogspot. Mudah-mudahan bermanfaat.