Tutorial Buat Scroll Dalam Blog Archive Jimatkan Ruang blog
Dah lama cik tom tak buat tutorial. Busy+takde yang request so stop la dulu. Kali ni cik tom nak buat tutorial cara buat scroll dalam blog archive bagi kak diana dan miszlullaby. Kak diana dah berjaya buat. Tahniah ye.
Bagi yang rajin update. Blog Arhieve akan jadi panjang. So eloknya buat jenis scroll bagi jimatkan ruang blog dan juga nampak lebih kemas.
STEP 1
DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>DOWNLOAD FULL TEMPLATE
*Apa-apa pun sebelum edit html, korang mestilah buat backup sebagai langkah berjaga-jaga.
STEP 2
Tekan keyboard, CTRL+F secara serentak.Cari code;
<div id='ArchiveList'>
STEP 3
Di atas coding step 2, sila copy dan paste coding;
<div style='overflow:auto; width:ancho; height:100px;'>
Di akhir coding step 2 tue, korang kena masukkan penutup coding bagi step 3 iaitu
</div>
STEP 5
Klik Preview dan Save jika tiada sebarang error serta berpuashati.
Sharing is caring
eiela pun tak reti nak buat nih. tak jadi-jadi.
Latest Entri :
Takde Mood, Tak Tau Nak Buat Apa
oh.dah lama nak tau buat scroll box nih. hehe. thank you cik tom ;D
bagus ciktom nih..
tapi akak nih..kalu klik xpen wijet gak..phobia slaluh..hhahaa..
blog akak xpenah buat back up cik tom..kene buat ke?..hehe
malu weh..sb penakut it..hehe
err.cik tom.sori tny lgi. kalau nak buat scroll box utk bloglist pulak caner eyk.. sme jugak ke?
TQ cikgu tomato..hihi
MCM NK BUAT TAPI MEMANG TAK FAHAM LA…ADUS…
Thks atas tutorial ni Tom..Ellen memng cari ni sebab hari tu blog ellen kawan tlg buatkan, maklumlah tak reti..hehe
bgus2 leh buat letak award..
dulu cari gak tutorial ni, skg dh mlas lak..;)
bookmark dlu yer….nnti nak edit gak la……tq for tutorial ni…..mmg cari2
Terimakasih cik tom bagi ilmu IT ni..
nak tanya satu,
camna nak paste gamb supaya xda frame
dah buat dah..trima kasih cik tom~
yeah.. akyn berjaya buat…
tengs a lot.. bnyak membantu tutor kat sini.. 🙂
thanx cik tom..
macam taw2 je saya mmg cari2 tutorial ni.. thanx sekali lagi :)cik tom mmg besttt!!! 🙂
akak pun buat scroll pasal nak jimatkan ruang..
akak kan kerap jugak update ni..
jadi tak kemas bila berjela2..
wah… tutorial lagi.. tak yah susah2 cari da..cik tom da buat..bagus2..hihi
wah!!!! TQ yer cik tom.. dah lama nak buat tapi xjd.. TQ
terbaik la cik tom. mmg den tongah cari ni.
cik tom best!!
terimakasihh cik tomm….=)
oit nak try lah yg nih..
tom:
mksih yg pasal ajar buat seting komen tu..dh ubah td..dtg jenguk tutorial baru lak..hehe..sy xtau apa pun benarnya..hehe..keep in touch
yehh dah jadik..thankss banyakk
thanks yer sbb sudi kongsi tips ni.
saya dah vote 🙂
thanks cik tom bg info nie..hehe..untuk gathering tu plak mmg ramai blogger ganu yg iqbal jumpa …cuma kena ada sokongan ramai la utk gathering tu…kalau cik tom start dulu ok jugak..hehe,,
wah menarikkkkkkkk
rajin cik tom wat tutorial ni.. best gak.. tapi kat blog aibaks tu nak pasang kat mane ek?
dni pun guna benda ni. jimat ruang 😀
thnx 4 sharing cik tom! :))
hohoh mmbantu nih ;D
nnti bler dh letak blog achieve ak try ;D
wah!rajin tul ciktom kte nie..chaiyok!hihi
thanks for the tuto! :)nice entry
menarik! nanti nak try la
thanks cik tom
yeay! dah jadi 🙂
thanks cik tom 🙂
vote 305 dan 272 ye 🙂
wahh ni kene try nti nih…
alahai ciktom..cam tau2 jer lin mmg nak tutorial ni…kena buat tuk elakkan loading lambat sgt ni..hehe..tq ciktom sbb sudi kasi komen kat kiter…
rajin cik tom buat tutorial..
thankz..
Dah cuba, tp cam tak reti nak buat :/ Hik hik
Tak berjaya-lah Cik Tom 🙁
yeayyyyyyyyy!!!!dah jadi.mekaseyh cik tom.
mmuuahhxx pipi kanan,mmuaahhxx pipi kiri =)
yes! yes! akhirnya di malam yang sepi jz berjaya juge buat ni.. thanks cik tom 🙂
Thanks cik tom. 🙂
macam biasa lah… ad mesti xleh nk buat… coding kita x sama.. uwaaa…;(
cik tom,berjaya!!
thanx ya =)
ni 2nd time buat
1st time buat dl x jdi
sye amk mood dulu,br jadi kot.hehe
kenapa saya x de coding tu huhu.. uwaaaa!!! tolong cik tom.. T_T
@dya adriza: cik tom try tgk coding di blog awak tadi…erm ade je code di dlm step 2 tue…step 3 plk awk kena copy paste code tue sebelum code dlm step 2…cuba follow up step satu persatu ye…slmt mencuba..
@adfeez:cik tom dah jwb di blog…
@nazuha: dah berjaya kan?tahniah…
sangat-sangat membantu 😀
terima kasih.
tq cik tom, da selalu buat pon lupe gak.. haha..
cik tom..
dah dapat laa..hehe..
tq..
dah berjaya buat 2 tutorial cik tom..hehe..
tq..
cik tom, tqm! akhirnya jumpa apa yg dicari 🙂
slm Ct..kite br tukar kalendar blog archieve kpd scroll je.CT bila free nti blh tak buat tutorial pasang blog kalendar sbg blog archieve?dgn link utk dptkan kalendar tu.puas cr yg lawa2 tp tak jumpa.tq ye!
kenape SCC cari kod tu tak jumpe??
ok..
dah boleh !=D
hehe..lupe nak expand tmplate pulak..
hye cik tom..hunny dah try buat benda ni banyak kali..tapi tak boleh.code dia taknak terima..macam mana ek nak buat??
cik tom,nak tanye ni..
Macam mana cik tom buat kotak pink beserta coding dalam entry ni ek? (untuk "contoh coding" tu)
sorry kacau cik tom.hehe.mekaseyh=)
cik tom..tolong saye kenape tak jadi nie da banyak kali buat tapi tak berubah.
@miss hunybunny:
xleh terima macam mana tue ye…erm xpun cuba miss try coding dlm tutorial ni utk blogarchieve…dlm step 2 tue cari code achieve dan yg lain just follow up tutorial dalam bloglist tue..cuba buat dpt x?
https://www.ciktom.com/2010/12/tutorial-buat-scroll-dalam-bloglist.html
p/s: sori ye br jawab sbb busy ^_^
@ML: xde kacau pun cuma sorry ye lmbt balas…utk kotal yg biasa cik tom masukkn coding tue ialah blockquote…ML boleh belajar kat sini ye;
https://www.ciktom.com/2010/12/tutorial-buat-blockquote-cantik-dan.html
thanks a lot cik tom..
@miss: ur wlcm 😉
@hoya hadis: awk punye url blog awk ye??sbb url tue salah…kl x mcm nk tgk..huhu..
cik tom..
saya buat tutorial nie kat blog saya..
btw..
credit to u..
thanks buat tutorial ni yaaa..
^.^
cik tom, ML pinjam tutorial ni ye, sebab ade kawan yang mintak tunjukkan scrollbox warne warni.
Yang blockquote tu, xsempat nak belajar..ML dok print screen dari microsoft word ke Paint. Hihihi…Mekaseyh ye cik tom.=)
urmm.dah lama sy crik mende ni,teringin sgt na buat.tp step first ag dah xbley wat.xjumpe pon kod tu..:( tlg sy ciktom..
aik cik tom jenguk blog tifa ada je code tue n dah menjadi pun…maybe sbb lmbt sgt cik tom jawab kot..huhuh..pe pun tahniah ye dah berjaya 🙂
salam cik tom…bole tolong tak say tak berjaya buat kotak scroll tu?berapa kali cuba dia asik kuar warna merah perkataan kat bawah niiii…erggghhhh gerammmm…
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “style”.
cik tom rasa umi silap masukkan code…ataupun blogger problem…tp kalau kes cik tom camni biasanya silap masukkan code atau code yang masuk tue takde penutup code…
kak liza pun facing problem sama juga..
Jom baca entri terkini Adzrien Shoppe …Tiga model comel!
knp saya tada “” dlm saya pnya html ??
saya mau wat this toturial laaa .,. huuuuuhhhuuuuuu 🙁
Jom baca entri terkini dyea …Prince In MyHEART
saya pun try wat..tak boleh jugak T____T
dia naek Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message: Open quote is expected for attribute “{1}” associated with an element type “style”.
Error 500
huuu
sy pon same la kuar mcm nie 🙁
Jom baca entri terkini Tasha …cerita nenek 🙂
terima kasih untuk tutorial ini cik tom.. ^_^
Jom baca entri terkini lokman …Sakitnya Final Exam