
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>
<style>.fullpost{display:none;}</style>
<a expr:href='data:post.url'>Read More</a>
</b:if>
</b:if><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>
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.
Aiyak, awat laa akak tak tepk nak sekalikan kod tuh cam yg kamu wat. Nanti nak ejas laa. Mekaseh Juki sbb mencetuskan inspirasi. ;)
ReplyDeleteCuma 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.
ReplyDeletekena edit balik la ek entry2 sebelum tu...
Eriyza, yang tu dah lama dah trik tu orang guna.
ReplyDeleteAmoi, nak abaikan pun boleh tapi tak lawalah nanti.
kenapa kau buang shoutbox ? menyusahkan lah!
ReplyDeleteatau suhaila marah kau asyik ber-shoutbox dengan perempuan?
quenrara, tak adalah. Shoutbox terlalu berat untuk layout yang aku gunakan sekarang. Nak marah apanya, aku sayang dia je. Lalala...
ReplyDeletekalau 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
ReplyDeletejuki, 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
ReplyDeletetakn setiap entry nak kena wat kowt?
ReplyDeletexdew jln mudah kew?
nak try ni, harap2 menjadi. terima kasih marzuki!
ReplyDeleteanarm, kalau tak edit pun tak apa.
ReplyDelete@LiYaNNuaR, kontot? Nanti aku buat tutorial untuk versi itu.
sponge_anys here!, ada tapi nantilah aku bagitahu.
Amer Yusof, semoga berjaya.
macma x menjadik je. dah makin keliru ni.
ReplyDeleteyesser.... cikgu BM dah kembali...
ReplyDeletesekarang 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
lu memang kacak la beb, hehe
ReplyDeleteMungkin 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.
ReplyDeleteyuhuuu Juki dearrr... aku dah bjaya buat readmore versi Eriyza... apa pun, thanks a lot... aku tunggu readmore versi kontot dari ko gak... hehehe...
ReplyDeletelg satu request... apsal aku nak buat kotak komen kat bawah postingan.. x boleh walau aku dah set Embedded below post... ok, itu aje bro...
siot... macam tahu je aku mana sumbernya ni :D
ReplyDeletetak 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
Salam...
ReplyDeleteBagus ni... pendek jer kodnya.. congrat bro..
Amer Yusof, sila cuba lain hari. Kadang-kadang Blogger bermasalah.
ReplyDeleteMr. 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.
http://www.looblog.info/2008/05/blogger-hack-expandable-posts-with.html
ReplyDeletecuba 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
can i get your entry in english?
ReplyDeleteaduh aku nk bce,tpi
ReplyDeleteasl komen kau ni semuaa tgh dkt entri ni? susah doe -.-
sudah boleh bceee! kena komen dulu
ReplyDeletebaru ok xD
waaaa...tak jumpa pun kod yg di suh cari oleh cikgu.. da cari byk kali..wawawa..
ReplyDeletezuki
ReplyDeletethankz coz aprove aku punya request...
hehe
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.
ReplyDeletetq.
Azfarul : klu nak off readmore pada entri yg pendek cukup hanya bataskan postingnya diatas kod span class="fullpost"
ReplyDeletetak begitu marzuki..hanya menolong
janapendapatan
sory deenoh, x berjaya lah. camne erk?
ReplyDeletememang kena tambah javascript la juki.. klu xnak perkataan readmore tu muncul di post pendek. ehe
ReplyDeletecopy code di sini: http://rarunach.googlepages.com/hackosphere.js.html
dan pastekan sblm </head> hehe
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.
ReplyDeletethen 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.
salam..
ReplyDeletekalo nak tukar read more tu jadi satu image camna ek..taknak dalam bentuk perkataan
xjd pun...still kuar posts panjang2...xde jd singkatan
ReplyDeleteJRY, itu versi lain. Tengok betul-betul.
ReplyDeletecan 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!
Terima kasih sebab bagi tutorial read more ni. Dah lama nak buat tapi hari ni jumpa blog Marzuki ni. Bolehlah kakak cuba.
ReplyDeleteMinta tolong boleh? Nak tahu macam mana nak taruk button read more, home, newer post and older post macam dalam blog kamu?
ReplyDeletejuki.. chenta tak jumpe lah code ni..
ReplyDelete"[p][data:post.body/][/p]"
camno? tolong den.. huk huk huk..
bro..
ReplyDeletetakleh pon..
bro biar betol..
susah giler nak wat..
dah berape kali saye buat..
tak jadik gak..
xboleh pon bantu ar aq..........
ReplyDelete"[p][data:post.body/][/p]"
ReplyDeletesy x jmpe kod ni..camne yer..