Selasa, 15 Maret 2011

Membuat Tulisan Readmore Pada Postingan

Dalam menulis postingan yang terlalu Panjang Mungkin kita ingin menyembunyikannya agar beberapa postingan kitapun dapat terlihat,nah ini cara untuk memotong artikel dengan cara membuat  readmore

  1. Login ke akun blogspot .
  2. Pada dasbor, klik link Tata Letak, kemudian pilih submenu Edit HTML.
  3. Back up terlebih dahulu template blogspot pembaca agar jika terjadi kerusakan, masih bisa mengembalikan ke kondisi semula. Klik link Download Template Lengkap.
  4. Beri centang pada bagian Expand Template Widget.
  5. Silahkan cari kode seperti dibawah ini pada template pembaca.
    <div class='post-body entry-content'>
    Perlu diketahui bahwa kode tersebut ada yang sama dan ada yang beda dengan template Anda. cukup memastikan bahwa terdapat struktur class='post-body'.
  6. Copy paste kode berikut pada kode yang Anda temukan pada langkah 5 di atas:
    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
  7. Selanjutnya cari kembali kode berikut ini:
    <data:post.body/>
  8. Copy paste kode berikut di bawah kode yang Anda temukan pada langkah 7 di atas:
    <a expr:href='data:post.url'>Read More...</a>
    </b:if>

    (NB: Anda boleh mengganti tulisan "Read More..." yang berwarna merah tersebut dengan tulisan "Baca selengkapnya...", "Lanjutkan...", dsb.
  9. Setelah itu klik tombol SIMPAN TEMPLATE.
  10. Masih pada dasbor blogspot pembaca, bukalah menu Pengaturan, kemudian pilihlah submenu Format. Pada bagian Template Posting yang ada di sebelah paling bawah, copy paste kode berikut:
    <div class="fullpost">

    </div>
  11. Setelah itu klik tombol SIMPAN SETELAN.
  12. Sekarang cobalah membuat sebuah posting baru. Pada tab Edit HTML pada kotak isian posting, pembaca akan melihat muncul tulisan yang Anda copy paste pada langkah 10 di atas.
  13. Untuk membuat Read More muncul pada postingan, tulis bagian artikel yang hanya ingin ditampilkan pada halaman utama blog di atas kode <div class="fullpost">. Sedangkan tulisan seterusnya ditulis diantara kode <div class="fullpost"> dan </div>.

0 komentar:

Posting Komentar

 
Berbagi Ilmu dalam Blog powered by blogger.com
Design by Free7 Blogger Templates Simple Clean