Seperti biasa, karena ada kaitannya dengan keperluan pribadi makanya tutorial ini dibuat :).  Seringkali kita temui di artikel / postingan yang terlalu panjang terdapat link “Read More…” atau “Baca Selengkapnya..” atau apalah namanya itu yang intinya jika mau baca postingan selengkapnya harus klik link itu.

Bagi pengguna WordPress, hal ini tidak menjadi masalah karena sudah ada fiturnya alias sudah ada tag yang disediakan di editor wordpress untuk dipakai secara langsung. Tapi bagi pengguna Blogger, karena tidak ada fitur yang tersedia, makanya butuh sedikit oprekan di bagian template bloggernya. Caranya seperti apa? Blogger sendiri telah menyediakan tutorialnya “How can I create expandable post summaries?” atau ikuti langkah-langkah berikut ini :

  1. Login ke blogger.com – Layout – Edit HTML – Expand Widget Templates
  2. Sisipkan kode berikut ini sebelum tag </head> atau tepat setelah kode } ]]></b:skin>
    <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>
  3. Untuk membuat postingan terpotong sesuai dengan kebutuhan, dan disisipkan tulisan “Read More..”. cari kode <data:post.body/> dan sisipkan code berikut ini  tepat di bawahnya :
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>
  4. dan untuk penggunaannnya, sisipkan kode <span class=”fullpost”> di postingan di mana potongan posting akan dimulai/di mana akan dimunculkan tulisan “Read More..“, kemudian setelah postingan selesai,di akhiri dengan tag </span>.

13 responses to “Membuat “Read More..” di blogger”

  1. bunda nabilla Avatar

    mas terima kasih banyak ya tutorialnya, doain bisa tak terapkan he..he.he..

  2. saxti Avatar

    ooooe bro bisa minta tolong gmn caranya memberi adsense di tengah2 postingan tanpa kasih plugin

    kalau di blog ku yang wp http://berkahlangkah.com/ itu bisa tp kalo di blog aku gak bisa
    tolong ya….
    blog ku http://suksesarea.blogspot.com

  3. jadmikoz Avatar

    Saya Coba Ah… , Tapi susah mas di http://www.hmpl.co.cc

  4. s4rn4h Avatar

    makasih ya kang
    atas bagi2 ilmunya

  5. dMid Avatar

    bang..
    template blogger ku bermasalah,
    tiap ku paste script yg ada tanda petik “” selalu berubah jadi “"”

    jadi scriptnya ga bisa jalan.

    gimana bang penyelesaiannya?
    help me plis..

  6. BAM Avatar

    kok gak bisa mas.??? eror mllulu… frustasi jadinya

  7. herman Avatar

    thanks banget infonya ya bro…

  8. Hanif..... Avatar

    WUOOOOOHHHH THANKS BANGETS.AKU dah nyoba ribuan kali di tutorial website laen tp yg bisa cuma dari sini……makcih ya oom.

  9. donnie Avatar

    🙂 congratz ya om ^^

  10. Vidzas R_dien Avatar

    🙂 Makasih infonya, dah aku praktikkan nih!

  11. maoels Avatar

    waduh mas bener kata master-master diatasi tutor mas gag berhasil (baca : menyesatkan) untung aja dah di download dulu template nya heu heu…

  12. maoels Avatar

    sudah tapi pake tutorial yang lain… mungkin gini mas, punya mas juga betul cuma kurang detail penjelasannya… tapi gpp makasih buat kunjungannya…

    syukron atas ilmunya juga…

    http://maoels.blogspot.com

  13. Agus Siswoyo Avatar

    Sampai sekarang saya masih penasaran bikin read more gag jadi-jadi…

Leave a Reply

Your email address will not be published. Required fields are marked *