Kumpulan Informasi Terbaru Langsung Dikutip Oleh Harry Sinaga

Selamat Datang Di Harry Blogspot << Jangan Lupa Besok Mampir Lagi Ya (Om, Abang, Kakak, Adek, Ito, Tulang, Oppung, Bapatua, Amang Uda dll)

Monday, October 24, 2011

Buat Read More / Baca Selengkapnya di Blog

Bagi yang banyak menampilkan postingan di blog, pengaturan ini lebih membuat artikel tertata dengan baik dan menarik. Pembaca juga tidak malas dulu untuk membaca setelah melihat artikel yang terlalu panjang. Pengaturan Read More / Baca Selengkapnya biasanya hanya menampilkan paragraf pertamanya saja. Untuk membaca selengkapnya klik Read More / Baca Selengkapnya..


Cara Buat Read More, sebagai berikut :
  1. Masuk ke blogger dengan ID anda
  2. Klik Tata Letak
  3. Kemudian Klik Edit HTML,
  4. Sebelum melakukan perubahan pada HTML lebih baik download dulu template anda dengan menekan Download Template Lengkap. Backup template ini dimaksudkan agar jika terjadi kerusakkan pada proses edit HTML sobat bisa restore kembali template yang sudah sobat donwload tadi.
  5. Beri tanda centang pada Expand Template
  6. Cari kode dibawah ini pada template sobat
    <data:post.body/>
  7. atau kode berikut, sama saja
    <p><data:post.body/></p>
  8. Hapus Kode diatas dan ganti dengan kode dibawah 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>

  9. Kemudian Klik Simpan
  10. Setelah selesai mengedit HTML kemudian Klik Pengaturan
  11. Kemudian klik Format
  12. Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :



    <span class="fullpost">



    </span>

  13. Kemudian Simpan Pengaturan

Postingan yang ingin anda tampilkan pertama letaknya diatas <span class="fullpost">, sedangkan postingan selanjutnya setelah <span class="fullpost"> dan jangan lupa ditutup dengan </span>

Selamat Mencoba.......

Artikel Terkait

No comments:

Post a Comment

There was an error in this gadget