Membuat Read More

Trik Blog

Jika kita melihat atau membuka blog orang lain, kadang kita melihat Read More atau selengkapnya pada bagian bawah artikel! Tujuan sebenarnya dari fasilitas itu adalah mempersempit area halaman, agar kapasitas homepage nya menjadi lebih kecil pula! Masih bingung? intinya dengan mebuat read more atau selngkapnya akan mempercepat loading halaman blog. Mengapa? karena semakin kecil kapasits blog, maka semakin cepat pula halaman itu dibuka. suah mengerti! Alhamdulillah! Nah anda pasti bertanya, Kemana sebagian artikel yang hilang dari read more? Sebenarnya artikel yang tidak tampil itu disembunyikan oleh perintah - perintah, sehingga yang tampil hanya sebagian saja! Selain itu read more ada dua versi yaitu:

1. Jika di klik "read more" maka halaman akan mereload sehingga yang tampil nantinya hanya artikel yang di klik "read more" sedangkan artikel lainnya tidak ditampilkan.

2. Jika di klik "read more" maka halaman tidak akan mereload tetapi akan langsung muncul text dari artikel yang disembunyikan.

Berdasarkan kecepatan dari versi read more di atas tentulah lebih cepat cara nomor 2. Tapi disini saya menjelaskan cara no 1. Untuk cara no 2, mungkin besok lusa! hehe. Langsung aja gini caranya:

1. Login ke Blogger.
2. Masuk ke Tata letak, dan pilih edit html.
3. Untuk berjaga - jaga klik download template lengkap.
4. setelah beres mendownload, beri tanda centang pada expand template widget.
5. setelah itu cari kode ini
<data:post.body/> bila tidak ada cari yang ini sama saja kok:
<p><data:post.body/></p>

Sebagai saran! untuk mencari kode diatas tekan tombol ctrl+f (jika anda menggunakan mozilla firefox) lalu dibawah ada tool finding dan masukan yang ingin anda cari. setelah itu enter. jika tidak ketemu coba tulis ulang, atau cari manual.

6. setelah ketemu lalu ganti kode diatas tadi dengan kode ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>



Nah kata selengkapnya bisa anda ganti dengan kata sesuka anda. contoh : read more, baca terus, dll.

7. Lalu simpan template. Jika blogger menerima maka tidak akan ada pesan kesalahan, dan jika blogger tidak menerima maka akan muncul pesan error atau sebagainya. Nah jika anda melakukan langkah diatas dengan benar maka tidak akan ada pesan error.

8. Setelah menyimpan template, masuk ke pengaturan lalu pilih tab format.
9. Pada template posting, dipinggirnya ada area kosongkan? nah lalu pastekan code ini:

<span class="fullpost">


</span>



10. Setelah situ simpan. dan masuk ke entri baru ( itu loh kalo kamu mau posting )
11. Kamu pilih yang edit html jangan yang tulis. ( di kotak penulisan posting diatasnya ada tulis dan edit html )
12. Nah ketika kamu mau posting pasti ada kode ini:

<span class="fullpost">


</span>


13. kode diatas jangan dihapus, kamu tulis artikel yang mau ditampilkan sebelum kode diatas, dan kamu tulis lagi yang sebagiannya setelah <span class="fullpost"> dan sebelum </span>

14. jadi nantinya postingan yang akan tampil di blog kamu yaitu postingan yang kamu tulis sebelum kode <span class="fullpost">

15 dan jika mengklik read more atau selengkapnya ( tergantung anda tadi ) maka yang akan tampil adalah postingan seluruhnya.

Contoh penulisan:

Aku adalah<span class="fullpost">
Lelaki

</span>



nanti pada blognya akan muncul aku adalah, sedangkan jika kita mengklik read more maka yang tampil akan aku adalah lelaki. Gitu deh beres.

Tunggu versi read more yang kedua ya!

1 Response to "Membuat Read More"
Trik Blog said :
5 Mei 2009 pukul 12.26
Ya gitu dech!

Posting Komentar