Membuat Read More di Postingan

Minggu, 16 Agustus 2009 ·

Read More berfungsi untuk menyingkat halaman agar tidak terlalu panjang sehingga tidak membuat penuh halaman utama. Jadi hanya bagian awal postingan saja yang ditampilkan dengan sebuah link Read More / Baca Selengkapnya. Jika ingin melihat keseluruhan isi postingan, cukup dengan dengan mengklik link Read More tersebut.
Nah, jika kamu tertarik ingin menerapkannya di blog kamu, berikut ini langkah-langkahnya :

  1. Login ke Blogger.
  2. Ke Layout / Tata Letak. Pilih Edit HTML, kemudian centang Expand template Widget.
  3. Cari kode berikut :

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


  4. Kemudian ganti kode tadi dengan kode berikut :


    <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>


  5. Tulisan Read More bisa kamu ganti dengan tulisan yang kamu inginkan.
  6. Simpan hasil pengeditan.
  7. Kembali ke Dasbor.
  8. Pilih Menu Setting / Pengaturan pada Dasbor. Kemudian pilih Formating.
  9. Pada kotak Post Template, isikan kode berikut :

    <span class="fullpost">
    </span>


  10. Simpan.
  11. Setting Read More sudah selesai.

Pada saat memposting suatu artikel, terdapat dua pilihan metode cara posting, yaitu “Tulis” dan “Edit HTML”. Jika kamu pilih yang Edit HTML, maka secara otomatis akan tampak kode berikut :



<span class="fullpost">
</span>


Letakkan bagian awal postingan sebelum kode <span class="fullpost">. Selebihnya letakkan di antara kode <span class="fullpost"> dan </span>.

Gimana , mudah kan!

Artikel Menarik Lainnya



0 komentar:

Posting Komentar

Komentar Klasik Klik di sini

Artikel Populer

Postingan Terakhir

Komentar Terakhir

Tukeran Link

<a href="http://belajartrikblog.blogspot.com">target="new"><strong>Belajar Trik Blog</strong></a>

Mengenai Saya

Foto saya
Saya adalah pemula di dunia blogging