search

Trik Jump Breaks, Read more Link-nya Blogger

10 November, 2011

Untuk blogger yang tertarik dengan "read more" link yang beranimasi atau "read more" link khas kreasi sendiri, wajib baca trik jump breaks ini !!

Istilah inggrisnya "read more" link yaitu jump breaks. Biar mudah aja daripada ngomong read more link, ampuuun kepanjangan !!!

kembali ke topik,
Biasanya ada 3 masalah yang dialami blogger dalam pemasangan jump breaks. Apa saja dan bagaimanakah cara mengatasinya ?

1. Jump Break tidak bekerja

Sudah dipasang, tapi masih tidak bekerja ?
Jika kamu masih menggunakan blogger Post editor yang lama, setelah menambah kode ini
<!-- more -->
ternyata read more link tidak muncul dan posting pada blog kamu jadi tampil secara penuh. Perhatikan!

<!-- more -->
pada kode "read more" di atas, terdapat spasi di antara kata "more", ini berarti kode yang kamu masukkan benar. Sedangkan kode yang salah adalah

<!--more-->

2. Read More link tidak tampak di blog kamu



Perlu diingat, kata "read more" / "jump breaks" hanya menampilkan ringkasan posting pada blog saja. Pada kasus ini, pembaca blog kamu tidak bisa mengakses postingan penuh pada artikel karena read more link tidak nampak.

Gimana cara memperbaikinya ?
Masuk Dashboard --> Layout --> Edit HTML dan pilih "Expand Widget Templates". Pada tampilan blogger yang baru, masuk ke Dashboard --> Template --> Edit HTML --> Proceed dan pilih "Expand Widget Templates".

Cari kode ini
<data:post.body/>
Tambahkan kode ini 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 >

3. Layout dan Sidebar menjadi Error

Setelah sukses mengubah tombol read more, lalu malah sidebar jadi bergeser ke bawah. Kenapa begitu ?
Koreksi lagi, ternyata kode ini ada diantara dua div tag

<div>.. .. ...  <!-- more -->. . . .. </div> 
Perbaiki lagi, masuk lagi ke Edit HTML kemudian ganti post inputting kamu. Cari kode <!– more –> jika kode ini ternyata ada di antara dua div tag kamu, maka tinggal ganti aja div menjadi span.

Contoh:
<div align="center" >
ringkasan posting 
<!-- more -->
sisa postingannya yang terpotong
</div> 
Kemudian ganti menjadi,
<span align="center" >
ringkasan posting 
<!-- more -->
sisa postingannya yang terpotong
</span>


Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.