Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Read More Di Blogger

Cara Membuat Read More Di Blogger | Setelah tadi posting tentang Cara Mengatasi Kotak Komentar Blog Yang Hilang, sekarang Revans Blog akan mencoba share kembali Tutorial Blog yang kali ini yaitu Cara Membuat Read More atau Baca Selengkapnya di Blogger. Bagi sobat blogger yang mungkin belum tahu bagaimana caranya membuat "Read More" di blog kesayangannya, kali ini saya akan mencoba memberikan tips bagaimana cara membuat read more tersebut. Karena dengan membuat read more atau baca selengkapnya atau yang lainnya yang berfungsi untuk menyingkat sebuah postingan, akan membuat tampilan blog menjadi lebih rapi dalam menampilkan beberapa postingan. Selain itu juga bisa digunakan untuk menghemat penggunaan halaman blog.

Berikut tahapannya.
  1. Login ke akun blogger masing-masing.
  2. Kemudian masuk ke "Edit HTML".
  3. Lalu cari kode berikut. Kalau tidak ada, silahkan Sobat cari yang mendekati karena di beberapa template kodenya berbeda-beda.
  4. <p><data:post.body/></p>
  5. Setelah itu silahkan ganti kode tadi dengan yang ini.
  6. <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>
  7. Ganti "Read More......" dengan kata-kata yang ingin Sobat gunakan.
  8. Setelah itu simpan hasil kerja Sobat tadi.
  9. Sekarang Sobat pindah ke menu "Setting", lalu pilih menu "Formating".
  10. Sekarang Sobat masukan kode di bawah ini ke dalam kotak "Post Template".
  11. <span class="fullpost"> </span>
  12. Terakhir Klik "Save/Simpan". Udah, selesai deh.. :)
NB : Cara memakainya begini Sobat. Pada saat mengetik postingan kita memakai tampilan "Edit HTML" pada "Form Postingan". Karena pada saat mengetik postingan, di atas "Form Postingan" ada dua buah "TAB", "Edit HTML" dan "Compose". Nanti setelah memilih tampilan "Edit HTML" maka sobat blogger akan melihat kode yang sobat masukan di kotak "Post Template". Nah, sekarang, sobat ketik tulisan yang akan sobat tampilkan di halaman utama di atas kode <span class="fullpost"> dan sisanya atau tulisan yang akan sobat simpan di atas kode </span>.

Demikianlah Cara Membuat Read More Di Blogger tersebut. Semoga bisa bermanfaat ya Sobat. Selamat mencoba. :)

Posting Komentar untuk "Cara Membuat Read More Di Blogger"

Iklan