Jul 25, 2008

"Readmore", tanpa harus pindah ke halaman lain

Sering kita jumpai dalam penulisan "Readmore" pada blog-blog yang ada, apabila kita klik maka akan loading kembali. Apabila loading dari blog tersebut cepat itu tidak masalah, namun apabila loadingnya lambat?? Tentu hal ini akan berpengaruh dari minat pengunjung blog kita untuk membaca artikel selanjutnya.

Lalu bagaimana cara mengantisipasi agar readmore saat diklik tidak loading ulang?

Berikut adalah cara memasang kode readmore tersebut :

1. Login ke Blogger
2. Pilih Layout ------ Edit HTML
3. Sebelumnya back-up template dengan klik tulisan Download Template lalu simpan.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Copi kode berikut ini dan paste tepat di atas kode </head>


6. Apabila sudah, cari kode dibawah ini :

<div class='post-header-line-1'/>

7. Dibawahnya terdapat kode berikut :

<div class="post-body entry-content">

8. Ganti kode tersebut menjadi seperti ini:


9. Dibawahnya ada kode :

<p><data:post.body/></p>

10. Tembahkan kode ini dibawahnya.


11. Apabila langkah di atas sudah dijalankan, maka seluruh kodenya akan menjadi seperti ini :


12. Tulisan 'Readmore/ Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.

13. Lalu simpan template.

14. Pilih menu Setting --- Formatting

15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">

</span>

16. Pemenggalan kalimat yang diinginkan muncul di jendela utama ditaruh di atas kode <span id="fullpost">, kemudian sisanya di bawah kode tersebut dan diakhiri dengan kode </span>.

17. Dalam penulisan posting sebaiknya di jendela Edit HTML, hal ini untuk menghindari adanya double code sehingga fungsi dari HTML tidak aktif.

Selamat mencoba.

5 comments:

JALOE said...

rahasiahnya di mana neh mas.. apa javascript-nya di conver ke txt file, jadi keduanya antara bubling sama read more bisa jalan

Kang Boim said...

wah kebutulan ni ..mau ganti read more dengan yang seperti ini....thanks sdh sharing...thanks :D

uNieQ said...

coba juga akh...

Melly said...

Terima kasih Mas atas Ilmunya

hati sehat said...

postingan lama tapi bermanfaat , terima kasih saudara atas ilmunya.

Post a Comment