Monday

Memasang Read More #01



Sebenarnya ini tutorial dah bertahun-tahun lama dah, tapi kamu malas nak cari kat Google jadi aku permudahkan. Lagipun ianya untuk memudahkan aku juga yang kerap bertukar layout. Untuk tutorial pemasangan Read More ni sebenarnya dah diwujudkan banyak versi ada cuma aku rasa yang ini paling terbaik. Kalau ada masa lebih aku senaraikan segala tutorial yang ada.

Banyak betul orang rekues tutorial, tak terlayan aku dibuatnya. Aku jawab rekues dari Azizul Hakim dulu, katanya dia nak tutorial memasang Read More. Kamu pun boleh ikut, ianya sangat sesuai untuk entri-entri kamu yang tersangat panjang.

Cuma 1 kelemahan pada kod ini adalah ianya perlu dimasukkan pada setiap pos, pendek kata kalau kamu dah berblogging sudah bertahun-tahun kamu perlu edit balik pada setiap entri kamu.

01. Pilih Template > Edit Html (tick pada Expand Widget Template).

02. Cari kod ini :

<p><data:post.body/></p>


03. Gantikan kod di atas dengan kod ini :

<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>
<b:if cond='data:blog.pageType != "item"'><br/>
<a expr:href='data:post.url'>Read More</a>
</b:if>
</b:if>


03. Pilih Save.

04. Pilih Setting > Formatting > Post Template.

05. Tambahkan kod ini :

<span class="fullpost">
Kata-kata yang ingin dimasukkan ke dalam Read More.
</span>

Kod ini akan tertera setiap kali kamu membuat Read More, masukkan saja bahagian ayat yang kamu ingin sembunyikan kedalam kod tersebut.

06. Pilih Save.

38 comments:

  1. Aiyak, awat laa akak tak tepk nak sekalikan kod tuh cam yg kamu wat. Nanti nak ejas laa. Mekaseh Juki sbb mencetuskan inspirasi. ;)

    ReplyDelete
  2. Cuma 1 kelemahan pada kod ini adalah ianya perlu dimasukkan pada setiap pos, pendek kata kalau kamu dah berblogging sudah bertahun-tahun kamu perlu edit balik pada setiap entri kamu.

    kena edit balik la ek entry2 sebelum tu...

    ReplyDelete
  3. Eriyza, yang tu dah lama dah trik tu orang guna.

    Amoi, nak abaikan pun boleh tapi tak lawalah nanti.

    ReplyDelete
  4. kenapa kau buang shoutbox ? menyusahkan lah!
    atau suhaila marah kau asyik ber-shoutbox dengan perempuan?

    ReplyDelete
  5. quenrara, tak adalah. Shoutbox terlalu berat untuk layout yang aku gunakan sekarang. Nak marah apanya, aku sayang dia je. Lalala...

    ReplyDelete
  6. PENTULIS3.2.09

    kalau tak edit entri tu nanti die keluar read more kat bawah skali.. kan? aku dah buat trick ni.. tp bior camtu je entri2 lame.. maleh nk edit.. haha

    ReplyDelete
  7. juki, kata la ada entri yg kentot... takmau guna menda nih... pehtu, sok lusa... terbuat la pulak entri yg panjang2... cemana lak ek??? ko paham ke apa yg aku tanya nih... huhuhu... x la selalu nak taruk entri panjang lebar... ada masa2 tertentu aje... so, kena gak ke guna kekdah ni ato ade kekdah lain ek??? aku kompius lah... ;p

    ReplyDelete
  8. takn setiap entry nak kena wat kowt?
    xdew jln mudah kew?

    ReplyDelete
  9. nak try ni, harap2 menjadi. terima kasih marzuki!

    ReplyDelete
  10. anarm, kalau tak edit pun tak apa.

    @LiYaNNuaR, kontot? Nanti aku buat tutorial untuk versi itu.

    sponge_anys here!, ada tapi nantilah aku bagitahu.

    Amer Yusof, semoga berjaya.

    ReplyDelete
  11. macma x menjadik je. dah makin keliru ni.

    ReplyDelete
  12. yesser.... cikgu BM dah kembali...
    sekarang ni dengan nickname baru

    Cikgu D.M hahaha dulu Cikgu B.M
    alah dekat dekat same laa tuh..
    thanks cikgu... ramai orang tanye
    pasal read more. masalahnye aku ni
    tak pandai CSS macam cikgu... hahaha

    harap yang lain dapat manfaat dari
    Cikgu kite yang aku rase dah berapa
    generasi blogger die dah tolong untuk
    setting layout... termasuk aku.. hahaah~

    Cayak ar Cikgu D.M :D

    P/S:- Lepas ni buat tutor untuk smile
    kat komen box ok... aku tak kire... buat gak.
    aku tak mo ikut format request... miahahaha~

    AzmanIshak.Com @ Mr. Kreuger

    ReplyDelete
  13. lu memang kacak la beb, hehe

    ReplyDelete
  14. Mungkin c anarm x masukkan kod javascript tu lg. tu la pasal smua entri bwahnya ada "read more" wlupun x edit lg. hehe... Readmore ni bukan ada 2 version?..haih.. xtahu la aku.haha.

    ReplyDelete
  15. yuhuuu Juki dearrr... aku dah bjaya buat readmore versi Eriyza... apa pun, thanks a lot... aku tunggu readmore versi kontot dari ko gak... hehehe...

    lg satu request... apsal aku nak buat kotak komen kat bawah postingan.. x boleh walau aku dah set Embedded below post... ok, itu aje bro...

    ReplyDelete
  16. siot... macam tahu je aku mana sumbernya ni :D
    tak pe aku rahsia kan.. sebab tak semua orang tahu kat mana dan sebab tu ko post :D

    tapi aku memang benci layout ni.. aku suka gecko (cicak) tu lagi

    ReplyDelete
  17. Salam...

    Bagus ni... pendek jer kodnya.. congrat bro..

    ReplyDelete
  18. Amer Yusof, sila cuba lain hari. Kadang-kadang Blogger bermasalah.

    Mr. Azman @ Kreuger, oke.

    Pewaris Reformasi, kita serupa je.

    JRY, javascript apa?

    SyaFia, tahniah.

    @LiYaNNuaR, read more ni dah lama dah. Bukan aku punya, bukan Eriyza pun dan bukan Man Belon punya.

    Nazz, aku pendekkan. Tapi sama je kod dia.

    ReplyDelete
  19. http://www.looblog.info/2008/05/blogger-hack-expandable-posts-with.html

    cuba tgk link tu. read more aku ikut mcm tu la. tp bukan dkt situ aku amik. ntah mana. lupa.haha.

    ada guna javascript sket... readmore bnyak version kan.hehe

    ReplyDelete
  20. peopletotalk3.2.09

    can i get your entry in english?

    ReplyDelete
  21. Anonymous4.2.09

    aduh aku nk bce,tpi
    asl komen kau ni semuaa tgh dkt entri ni? susah doe -.-

    ReplyDelete
  22. Anonymous4.2.09

    sudah boleh bceee! kena komen dulu
    baru ok xD

    ReplyDelete
  23. waaaa...tak jumpa pun kod yg di suh cari oleh cikgu.. da cari byk kali..wawawa..

    ReplyDelete
  24. zuki
    thankz coz aprove aku punya request...
    hehe

    ReplyDelete
  25. nk tanya leh, camne x nk read more pd sesetgh entri. nk entri trtentu je yg read more. mknanya nk off read more pd entri2 yg pendek.

    tq.

    ReplyDelete
  26. Azfarul : klu nak off readmore pada entri yg pendek cukup hanya bataskan postingnya diatas kod span class="fullpost"

    tak begitu marzuki..hanya menolong

    janapendapatan

    ReplyDelete
  27. sory deenoh, x berjaya lah. camne erk?

    ReplyDelete
  28. memang kena tambah javascript la juki.. klu xnak perkataan readmore tu muncul di post pendek. ehe

    copy code di sini: http://rarunach.googlepages.com/hackosphere.js.html

    dan pastekan sblm </head> hehe

    ReplyDelete
  29. marzuki, blogger buster ada buat post camner nk addkan "readmore" automatically kat semua entri. Ko try la tengok situ untuk menjawab pertanyaan orang2 yg nak kan tutorial dari ko tu.

    then untuk menghilangkan read more dari semua entri, memang kene pakai script. Aku gabungkan script conventional expandable post summary dengan expandable post summary-peekaboo style. Aku cuba jaya, then jadi. Kalau rajin, gi la telek source kat blog aku.

    kalau ko nk aku tolong carikkan link kat bloggerbuster pasal automatic 'read more' link tu, cakap la. kalau free nanti aku carikkan.

    ReplyDelete
  30. salam..
    kalo nak tukar read more tu jadi satu image camna ek..taknak dalam bentuk perkataan

    ReplyDelete
  31. xjd pun...still kuar posts panjang2...xde jd singkatan

    ReplyDelete
  32. JRY, itu versi lain. Tengok betul-betul.

    can i be a rockstar, no.

    Anonymous, aku tak faham apa masalahnya?

    piNky LuCiA, tick expand widget dulu.

    أزيزول حاكيم, oke. Sama-sama.

    Anonymous, nak spam ke?

    .AzFaRuL., nanti aku buat versi itu.

    deenoh, ya.

    Helmi Razali, sebenarnya aku dah tahu tapi itu untuk versi lain.

    ™ʞʞoʇɐ, gantikan perkataan read more dengan <img src="gambar.png" border="0">

    Eera Mohammad, kena edit satu persatu ya!

    ReplyDelete
  33. Terima kasih sebab bagi tutorial read more ni. Dah lama nak buat tapi hari ni jumpa blog Marzuki ni. Bolehlah kakak cuba.

    ReplyDelete
  34. Minta tolong boleh? Nak tahu macam mana nak taruk button read more, home, newer post and older post macam dalam blog kamu?

    ReplyDelete
  35. juki.. chenta tak jumpe lah code ni..

    "[p][data:post.body/][/p]"

    camno? tolong den.. huk huk huk..

    ReplyDelete
  36. bro..
    takleh pon..
    bro biar betol..
    susah giler nak wat..
    dah berape kali saye buat..
    tak jadik gak..

    ReplyDelete
  37. xboleh pon bantu ar aq..........

    ReplyDelete
  38. "[p][data:post.body/][/p]"

    sy x jmpe kod ni..camne yer..

    ReplyDelete