Halaman

Blogger : Use DIV Rather than SPAN in "Read More"

Saat menemui sebuah postingan yang sudah menganut abstraksi namun tak berfungsi sebagaimana mestinya, satu hal yang menjadi kecurigaan utama adalah penggunaan teks warna-warni maupun ukuran huruf yang besar kecil pada kalimat yang dipenggal. Secara teknis, teknik pemformatan teks demikian dalam Blogger menggunakan tag CSS span. Tanpa disadari, terutama bagi yang terbiasa menulis postingan dalam posisi Compose aktif di editornya maka hal ini tak terlihat secara nyata.

Namun hasilnya tak ayal akan membuat kode dalam layout akan tumpul untuk memenggal kalimat. Ini tak lain adalah penggunaan <span class="fullpost">. Sesuai prosedurnya, maka diakhir postingan akan digunakan </span> sebagai tag penutupnya. Tag pembuka span selalu diikuti dengan tag penutupnya. Hal ini juga berlaku dalam pemformatan huruf dengan warna atau ukuran yang berbeda. Penggunaan span masih diberlakukan. Hasilnya saat <span class="fullpost"> bertemu dengan </span> yang mestinya digunakan untuk mengakhiri teks warna, kekuatan pemenggalan ini akan terhenti begitu saja.

Untuk itu ada trik mulus untuk mengakalinya.

Gunakan <div class="fullpost"> daripada <span class="fullpost">. Dengan demikian tak ada kontra fungsi dari abstraksi yang kita pakai.

Terima kasih untuk dani iswara atas infonya.

Catatan : Saat ini baru berlaku untuk abstraksi di Blogger baru.

Tag : mengapa read more tak jalan, read more ga bisa, read more gak bisa.



20 komentar:

  1. makasi mas agus
    saya jg dpt 'petunjuk'nya dari mas didats :D

    ingat juga utk selalu menutup tag (kl pake XHTML), mis. <div> dg </div>

    BalasHapus
  2. Kenapa kedua cara diatas tidak bisa memotong yang ada tabelnya?
    contoh: http://o-om.blogspot.com/2007/07/meminimalis-serangan-denial-of-service.html

    BalasHapus
  3. bila kondisinya memuat table besar kemungkinan memang tak berpengaruh, selama ini penggunaan tabel dalam CSS tak pernah akur. dan harus diakui tabel dengan beragam kolom dan baris memang belum tergantikan dengan mudah menggunakan CSS.

    BalasHapus
  4. Anonim9:37 PM

    mas ini yg kucari2..kemaren2 pake IE beres aja kok, tp setelah pake firefox eror nih...
    itu yg dikasih div... di smua span class="fullpost" ya mas? ato cuma yg diawal aja...
    trus nutupnya /div jg di akhir ato tiap setelah /span

    skalian minta izin nyantumin nama mas di artikel Gratefully thanks yak :)

    nuwun

    BalasHapus
  5. pro stefanus : div class itu untuk mengganti span class, dan karenannya penutupnya juga bukan /span, namun /div. sekali lagi, span ditutup dengan /span sedang div ditutup dengan /div.
    artikel di gratefully? wah apapun itu silahkan saja, selama mencantumkan sumber artikelnya.

    BalasHapus
  6. salam, pak agus.
    read more...ga bisa nongol di postinganku, apa perlu belajar HTML terlebih dahulu?, atau ada template instant yang bisa aku copy

    BalasHapus
  7. Postingan mungkin tersembunyikan karena kode yang ditambahkan. Coba deh di daftara postingan di panel kontrolnya, masih ada kan? kode ini tak menghapus postingan ko. Bila bermasalah lebih baik hilangkan lagi kode yang barusan ditambahkan, atau pasang kembali kode back upnya.
    Untuk template instan sepertinya jarang nih di yang menyediakan.

    BalasHapus
  8. thanks,,i've done and succes.he3x

    BalasHapus
  9. uaaakhire boeisaaa jugaa.... THX a lot mas agushery... u r d best!!!!!!!!!!!

    BalasHapus
  10. Anonim9:06 AM

    salam semua,

    terima kasih banyak mas arikel nya, masalah readmore saya akhirnya bisa terpecehkan


    thank

    ithink

    BalasHapus
  11. Anonim10:50 AM

    Mas Agus, kalau saya mau posting artikel yang ada diagram atau gambar-gambar, kog nggak bisa ya. Yang tinggal hanya tulisan, dan tempat gambarnya kosong atau diloncati beberapa baris (ya jadi kosong kan ?)
    Kenapa ya ? salah dimana ?
    Tulung-tulung mas.
    guritno

    BalasHapus
  12. Halo Mas Guritno, aku curiganya sih karena gambar atau diagramnya tidak diupload terlebih dulu, atau kalopun sudah, pemanggilan URL file gambarnya tidak tepat, sudahkah mengecek kedua hal tersebut?

    BalasHapus
  13. di coba mas thnx so much...

    BalasHapus
  14. iyah saya termasuk didlm nya bang... saling tindih <*/span>nya... makasi triknya... dicoba sekarang juga.... makasih makasih makasih...

    BalasHapus
  15. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  16. aduuuuhhhh.... gak ngertiiiii....
    fullpost itu apah???
    kasiey contoh donkkkk...?!
    kLo misaLnya pengen pake warna dan font size gmn? gmn nuLis pake span nya? Bingung

    BalasHapus
  17. fullpost cuman variabel untuk memaksa postingan bisa diberikan ijin untuk memuat sepenuhnya atau terpenggal.

    jadi, bila dalam posting ingin dipenggal, cukup bubuhkan kode < span class = "fullpost" > (tanpa spasi) di tengah posting.

    untuk memaksa warna dan ukuran huruf, gunakan html biasa, seperti font color="#ffcc00" size="3" untuk mengapit di bagian < a expr:href='data:post.url' > Read More......< /a > (tanpa spasi)

    BalasHapus
  18. mas tolong dong di bantu ...
    saya udah kesana kemari agar di blog saya bisa read more tapi gak bisa-bisa ...
    di karenakan kode yang di maksudkan gak ada ...
    tolong iya mas ...
    kirim kesini aja mas ...
    oksan77@ymail.com

    BalasHapus
  19. OK, dah aku email jawabannya ya!

    BalasHapus

Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.