Membuat Baca Selanjutnya (versi 3)
1. Pada halaman {Template}, sila pilih {Edit Html}. Jangan lupa tanda pada kotak (Expand Widget Template}.
2. Cari kod di bawah ini:
</head>
Tambahkan kod ini di atasnya :
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 280, // default is 100
expandText: '[...]', // default is 'baca selanjutnya…'
});
});
</script>
3. Cari kod di bawah ini :
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Gantikan dengan kod ini :
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
4. Pilih {Save Template} dan lihat hasilnya. Untuk mencuba apakah tutorial ini berfungsi, pilih {New Post}.
Sumber : bloggerbuster
Hakmilik sepenuhnya : jquery dan plugins.learningjquery
Cam best jer read more versi terbaru nih.
Tengok ler kalo ghajin, leh ngetest.
weh yg kotak reference dgan code tu ko buat sendiri ke.. ade plugin ke.. ade tips and tricks ke… cam best je aku tgok… hohoho
yang tu guna kod mudah je
bung…saya sudah coba tapi kok belum berhasil…ya…?
bm… nanti kalau boleh nko sertakan print screen utk turotial tuh berfungsi macam mane… boleh tak.. so kitaorang ni dapat la imagine macam mane mende tuh berfungsi.
Anyway… aku lebih selesa baca selanjutnya versi2. best.
Thanks & Regards,
Kreuger®
sudah ada demo
http://www.amandafazani.com/
tak perlu imaginasi lagi, hehehe
Bro, tak jadi la..aisey men..
aku tak dapat lagi nak buat.. dah banyak kali try
suma tak jadi.. ayoo..
apa yang tak jadi?
cantik laa…… thanks for the this superb tutorial… nie senang ckit dr 1 lg tu…
sempoi…tq sifu
tp time loading tu mmg dia keluar fullpost pastu baru dia summary mode balik? normal ke tu? atau FF aku yg buat hal…huhuhu
apa yang bro buat sudah betul, hehehe
nape ble uat 2 ok je.. but when tekan full summary ade “undefined” plak..
Agak berguna terutama kalau post2 tu ada gambar2 yg leyh mengslowkan mainpage load.
Thanks~!
Huhue~!
bro aku cari kod pada langkah ke 3 tu x jumpa la.cm mn ek?
cari kod ini <data:post.body/>
aku nak cuba yang ni ..dulu2 aku buat xjadi …
salam Ramadhan En. BM.lama sungguh tak mai sini,dah berubah wajah gayanya-lebih sophisticated.
sophisticated tu apa? ada-ada je
sunggoh berguna ajaran anda
tp bler nnt aku tuka template knfirm ak kene bt balik
jadi aku dtg mlawat je la
buleyh?
I,ve test,but there is some error,
xjadik pon…..
rujuk komen ke-14
wes… untuk wordpress.org boleh pakai x?
kalau wordpress tak perlu guna kod-kod ini, ianya sedia ada boleh buat. rujuk dashbord
jd da… tq Mr M
tp..ade post yg jd ade yg post yg xjd..ke pc ni yg problem..
Mr M visit la my blog..
bro,
kalau kita nak tukar [..] kepada perkataan lain ley x?
boleh, tukar je. Cari je dalam kod
dah jadi!
thanks bro..
er..
jap, baru perasan..
kenapa tiap kali klik kat baca selanjutnye tu, ada kua pekataan ‘undefined’ sebelum posting yg dipenuhkan tu?
Apa kabar…? Terima kasih tambahan ilmunya. Apakah ada code lagi untuk menampilkan antara teks yg ditampilkan dan teks yang disembunyikan.?
Misalnya seperti ini :
teks yang ditampilkan…
teks yang disembunyikan….
Terima kasih
terima kasih banyak2….
akhirnya ada jugak yang senang . . .
TQ
menjadi lak tutorial ni.. hehe.. sblm ni duk try2 x mnjadi
ambo nak tanya bro sikit..
kenapa tak jadi baca selanjutnya bila guna broser IE
cuma dengan MOZILA aje boleh
kalu ada boleh ubah atau silap……
mocci berjaya buat..
thanx bm…
hoyeahh jadik!
okeh!menjadi..hik2…
bagus-bagus
nape x jumpe pon code ni
”
”
hua….x leh wat sbb tak jumpa code tuh bile find
ada. cari betul-betul
BM .. kenapa bila sy lps paste semua kod tu …bila sy preview…hanya gambar je yg tinggal…tulisan semua dh hilang?
Tak pasti kt mana salah … adehhh…musykil…musykil…
sy dh save kan template tu…tp post yg lama tinggal gambar je…abis semua kena hilang
kalo sy buat post baru je baru bleh jd…camna nak atasi masalah ini … TQ
slicePoint: 280
ubah kepada jumlah yang lebih besar, 400 ke.
tq tq tq, menjd jgk akhirnya.
datang testing
apsal ak xdpt jumpe code yg 2nd 2?
nape kalau tekan [...] tu kan, ada word undefined sebelum sambungan post..?
tunggu habis loading dulu baru tekan.
Salam my sifu..walau pun selepas loading habis masih lagi keluar undefined..macam mana tu..
saya langsung tak tau tentang html…sila beri tunjuk ajar..satu lagi macam mana nak tukar
collapse expanded text ke perkataan[ tutup balik]
salam, thanx for the nice tutorial, tp untuk step no3 tu, aku xjumpe la skrip untuk digantikan tu…camne ek?
kalau wordpress, camne plak ye…?
asalammualaikum selamat hari raya …….terima kasih untuk info ini memmng aku tunggu sekian lama …..
maaf… saya budak baru belajar… saya tak masih tak boleh buat. arahan suruh cari tapi takde pun bende tu… maka tak menjadi pun.. macam ne ek..
Salam Tokey Busat
-nape kalau tekan [...] tu kan, ada word undefined sebelum sambungan post..?
saya tunggu sampai abis loading n tekan..dia tetap keluar perkataan undefined tu..huhuhu..tolong lah saya Tokey Busat
wahah..tenkiu..de cara x cmne nk masokkan link2 kt sidebar tuh dlm scroll?tolonglah..dah mken pnjang da
juki..ak da buat da bende nih..tp nnt kat post aku die tulis undefined,then baru die smbung kt word spatutnye…y eyh?
Salam tuk penulis….
Tq 4 the useful info. Dah lama m’cuba tapi x menjadi….bole laa try kali ni….hopefully b’jaya kali ni kott….
Timer kasih skali lagi…..
Wassalam….
saudara pengarang sy dah pasang widget ini kat blog sy Allahamdullilah menjadi, tapi sy ada sedikit masalah dengan penukaran text pada bhagian bawah selepas kita klik untuk tutup semula artikal tersebut. Untuk menukar text [baca selanjutnya...] memang boleh, tapi untuk menukar text selepas kita klik dia akan keluar ayat ini [collapse expanded text] jadi sy nak tukar ke bahasa melayu tp macam mana ya?
ade x untuk custom template punye??