Pages

Sabtu, November 5

Membuat Read More 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.

Berikut tahapannya.
  1. Login ke akun blogger masing-masing.
  2. Kemudian masuk ke "Edit HTML" dan ceklis "Expand Widget Template".
  3. Lalu cari kode berikut. Kalau tidak ada, silahkan sobat blogger 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 blogger 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". Maka selesai deh.. :)
NB : Cara memakainya begini sob. 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> .

0 komentar: