Membuat “Read More..” di blogger

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>.

Comments

This entry was posted in Oprek web. Bookmark the permalink.

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

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

  2. saxti says:

    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 says:

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

  4. s4rn4h says:

    makasih ya kang
    atas bagi2 ilmunya

  5. dMid says:

    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 says:

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

  7. herman says:

    thanks banget infonya ya bro…

  8. Hanif..... says:

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

  9. donnie says:

    :) congratz ya om ^^

  10. :) Makasih infonya, dah aku praktikkan nih!

  11. maoels says:

    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 says:

    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 says:

    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 *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>