Cara Membuat Readmore

Diposting oleh Th3 Pirates | 10/02/2010 | | 0 komentar »

b3lajarbareng.blogspot.com, Cara membuatnya tidaklah susah. Saya mendapatkan beberapa refernsi untuk membuat link ini. Referensi dari blog tips n trik menurut saya lebih mudah digunakan. Secara garis besar, pembuatannya dilakukan dalam 3 tahap, yaitu pada bagian layout, setting, dan pada bagian post.

I. Langkah-langkah pada bagian layout adalah:

  1. Anda harus login terlebih dahulu.
  2. Pada halaman dashboard, klik link layout / rancangan.
  3. Selanjutnya klik link Edit HTML.
  4. Cari checkbox 'Expand Widget Template', centanglah (cek).
  5. Jangan lupa untuk backup template.
  6. Pada kolom HTML itu, carilah kode ini: <p><data:post.body/></p>
  7. Hapuslah kode tersebut lalu ganti dengan kode dibawah ini
  8. <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>
  9. Tulisan 'Read More' dapat diganti menjadi 'Baca Selengkapnya' atau dengan tulisan lainnya.
  10. Pengeditan HTML telah selesai, diakhiri dengan menyimpannya, klik tombol save.
II. Langkah selanjutnya adalah membuat template/pola untuk setiap artikel yang akan kita post.
  1. Masuklah pada bagian/menu Setting - Formatting
  2. Cari kotak 'Post Template'. Isi kotak itu dengan kode <span class="fullpost"></span>
  3. Simpan/save.
III. Langkah terakhir adalah membuat artikel postingannya.
  1. Masuklah ke bagian New Posting.
  2. Antara 2 tab, 'Compose' dan 'Edit HTML', pilihlah Edit HTML.Akan terlihat kode template yang telah kita simpan sebelumnya.
  3. Pecahlah artikel menjadi 2 bagian. Bagian pertama, yang akan terlihat di bagian depan, letakkan di atas kode <span class="fullpost">. Bagian kedua diletakkan setelah kode itu dan sebelum kode </span>.

Sumber : Campurnews

Tidak ada komentar:

Posting Komentar