Ruby's Media

Minggu, 02 Agustus 2009

Tips Cara membuat readmore atau baca selengkapnya di Blogger..

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog pada posisi paling atas. Apabila postingan anda terlalu panjang, maka akan membuat penuh halaman utama blog sehingga loading blog akan lebih lama dan template blog anda akan terlihat sangat panjang.
Untuk mengatasi hal tersebut, maka sebaiknya postingan yang ditampilkan di halaman utama blog hanya abstraksinya saja atau sebagian penggalan atas dari tulisan, kemudian ada sebuah link readmore atau Baca selengkapnya pada bagian bawah penggalan tulisan untuk melihat tulisan selengkapnya.

Berikut Cara untuk membuat readmore pada blogger :

1. Buka menu Layout kemudian pilih Edit HTML.
2. beri tanda cek atau contreng (centang) pada chekbox "expand widget template".

3. Cari kode berikut di Template blog kamu(tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<p><data:post.body/></p>
Untuk lebih cepat anda dapat mencarinya lewat search dengan menekan tombol "Ctrl+ F" lalu ketikkan kata yang akan dicari.

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti 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/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>
Tulisan "Read More....." itu bisa anda rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.

6. Kemudian pilih menu Setting lalu pilih Formatting.

7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">

</span>

8. Kemudian Simpan.

9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nah anda pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :
<span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. Selamat Mencoba dan semoga sukses..

2 komentar:

siska mengatakan...: siska XII IPA udah readmore.............; 28 Agustus 2009 pukul 00.05
anaz mengatakan...: anaz : wez pak readmore e......... cupu; 28 Agustus 2009 pukul 00.11