AKHIRNYA BLOGGER MEMILIKI FITUR ‘READ MORE’


Kini Blogger memiliki fitur baru semacam Read More bernama “After the Jump”, suatu fitur yang mengizinkan Anda membuat ringkasan post blog pada halaman depan yang dapat ditampilkan penuh bila mengklik link Read More.
Membuat jump break ini mudah dilakukan via post editor versi baru, tanpa perlu perubahan-perubahan HTML.
Pertama, tentukan di mana jump break mau diletakkan dalam postingan, lalu tempatkan kursor pada posisi tersebut:
Setelah itu, klik ikon toolbar Insert Jump Break:
Maka akan tersisip bar ungu pada posisi kursor. Bar tsb dapat di-drag, sehingga Anda selalu dapat mengubah posisinya.
Apabila Anda tidak menggunakan post editor versi baru, Anda tetap bisa
menyisipkan jump break dalam mode
Edit HTML dengan menambahkan kode <!– more –> (ada spasi di antara more)pada lokasi di mana Anda akan menempatkan jump break tersebut.
Setelah lokasi jump break di dalam postingan ditetapkan, Anda tinggal mempublikasikannya.
Kalau mau mengubah teks Read More sesuai keinginan Anda, masuk ke Layout | tab Page Elements. Klik Edit pada widget Blog Post, kemudian ubah Post page link text sesuai ke
inginan.

Catatan: Bagi mereka yg menggunakan template pihak ke-3, Anda perlu menambahkan sebuah snippet kode agar Jump Break dapat dijalankan.
Untuk melakukan ini, akseslah blog Anda lalu menuju Layout | tab Edit HTML, kemudian backup dulu templatenya dengan mengklik link Download Full Template di bagian atas halaman.
Bila sudah di-backup, maka centanglah kotak Expand Widget Templates, lalu telusuri HTML untuk menemukan snippet berikut:
<data:post.body/>
Setelah ketemu, letakkan snippet berikut langsung di bawahnya:
<b:if cond=’data:post.hasJumpLink’>
<div class=’jump-link’>
<a expr:href=’data:post.url + “#more”‘><data:post.jumpText/></a>
</div>
</b:if >
Setelah itu klik Save

da
n selesai! Try it or never at all!

Pos ini dipublikasikan di blogger. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s