Blog archive untuk sesebuah blog boleh menjadi list yang begitu panjang apabila banyak entri yang di post atau jika sudah lama terlibat dengan dunia blogging.
Tutorial kali ini kan menunjukkan bagaimana untuk jadikan blog archive anda boleh scroll untuk menampakkannya lebih ringkas menyenangkan mata memandang.:)
Tutorial untuk buat scroll bagi blog archive adalah seperti berikut.
1. Dari dashboard > design > edit html > Expand widget templates.
(backup template untuk langkah berjaga²)
2. Menggunakan fungsi find (ctrl + F), cari kod <div id='ArchiveList'>
3. Anda akan jumpa kod ini <div class='widget-content'> sebelum kod <div id='ArchiveList'>
4. Gantikan kod <div class='widget-content'> yang anda jumpa di langkah 3 dengan kod berikut.
<div class='widget-content' style='overflow:auto; height:200px'>
Note: Anda boleh tukar 200px dengan ketinggian yang anda mahukan.
Contoh:
Sebelum.
Selepas
4. Save dan lihat hasilnya.:)
-------------
Untuk scroll box widget lain yang menggunakan html code, boleh rujuk tutorial scroll box untuk widget
Suka tutorial ini.?
97 comments:
terbaikkk ! berjayaaaaa :D
ehh ! nak tanya..
kalau nak buat blog archive punye plak mcmane ? pleasee !
Untuk buat blog archive.:
Dashboard > design > page element > add a gadget > blog archive
jap ! sy memang ade dah blog archive tapi nak letak scroll box ni kat BLOGLIST..please :(
terime kasih!!
berjaya....berjaya
tQ so much ^_^
Thanx bro! Dah lama aku tercari-cari tutorial ni, sekarang dah terjumpa kat sini... :D
Nice blog bro! t.q so much, banyak info dan ilmu bleh dapat kat sini=)http://tinburuk.blogspot.com/
TQVM...
Thanx Bro..banyak input dapat dari blog ni..:)
jom jenguk post baru pasal:
fakta menarik tentang senyuman
tak jumpa pon dlm template html sy..sedey
very nice entry..hehe
*visit me back(optional):
http://abszeen.blogspot.com
blog archive sy terdelete..mcm mane nak wujudkan semula ??
please ajarkan sy cara utk menomborkan n3 seperti ini .......
tajuk
(1)(2)(3)....
yes bwrjya..thanks yeah :)
thx 4 sharing :)
Yeah ! Akhirnya berjaya gk , tgk tuto tmpt len taa bole , sini bole plak . :)
mantap Gan....terima kasih tas info na
sukses selalu
thanks...
ijin repost gan
Dah lama nak cari entri buat scroll box
akhirnya dah jumpa kat sini !
Thanx bro ;)
THANKS...BERJAYA WAT AKHIR NYER...
saya tidak menjumpai
tengkuy ya sy udah praktek dan terpasang diblogku
yeay!berjaya..hehe..tq2x
terbaik la.....
tak dpt le..
thanks for this totu !
Ini tutorial ke-2 yang berjaya. Yg lain, x berjaya. Kecewa. T.kasih.
thank dear....love u..saya follow sini..kalaw sudi jengukla blog saya yer^^
still x jmpe word ni kat html templete saya....mcm mane nk buat scroll box ni....hurm...
wah..buat sekali terus dapat.. time kasih for the good info. :P
ternyata via blogger sendiri trik ini sudah disediakan! thank sudah share!
coba ajah add gadget arsip blog "drop down"
Kenapa saya tak dapat jumpa code tersebut ?
thanks! dah jadi. :)
thanks..sekali buat je dah jadi.. :)
menjady , ade care laen ?
i mean , x jadi
camner??masih x fham la bang...
Thanks..abah dah wat..
yes..berjaya..sangat2 membantu utk org baru mcm saya ni
x reti nak wt cmna..tlg..
ingtkan post yg ada scroll ..:(
tak jumpe pon .
saia nak buat scroll box tok blog archive .
:(
kalo nak buat utk labels/categories plak camne bro?
jadi wat nie..alhamdulillah..thanks unwanted! ^_^
yeah!!!! jadi!!! thanks for sharing! sy folow sini! :)
Tq!berjaya :)
tq...
tq admin =)
time kasih :)
tqvm bro...gud entry for all of us....
trima kasih...
tq for tutorial...bnyk sgt membantu
Menjadi..!! Banyak2 terima kasih.
yes,, berjya lakukan.. kikik tQ, :D
x jumpa pon mende ni benci tul tolong ajar pleas
html dia tu x jumpa pon
blh ta bg tips nk tukar layout blog?? ta retila....
nice tuto...sape yang tak jadi nak buat tu, boleh skodeng sini plak..
http://www.onceitalk.com/2010/11/tutorial-untuk-memasang-scrollbox-dalam.html
berjaya!!
mekommmm
kalu korng tk jumpe kod tu maksudnyer kad blog korng tu korng tk letk aktiviti list...
kalu korng da ltk... try blik semula msti jumpe
hehee
emma taupon cbb emma pon mcm korng
terima kasih admin ia terjdi
thanks sangat2..dh cuba byk benda..smua berjya.semua dapat ganjaran setimpal atas kebaikan berkongsi ilmu...
thanks dan menjadi tutorial ni.. :)
nak tye , kenapa kalau saei gune edit html mesti tak bole , sometimes dye keluar Xml tue , n more thn 1 widget ? kenapa erk ?
alhamdulillah .terima kasih bebanyak banyak info yang dah berjaya , syukron
tQ bro...
oh maiii !! thankzz to this blog. smua tuto y aku refer kat sini menjadikkk ^_______^
tq so muchhhhhh......love this blog demmnnn helll...keep update useful tips yeaaa..
terima kasih
kalau gune blogskin nak buad blog archive ni camne eak ?
as salam,
ALHAMDULILLAH da jadik...
makasih dear for sharing this info...
ummi like so muchhhh...
x jd pun
thanks for this info!
menjadi..thankayu thankayu.hehe..
jom singgah blog saya.hehe..
http://strawberrysgurls.blogspot.com/
thanks
nuhun
thanks...^_^
ntah ! x jadi pon ! hmm
berjaya!!!
terima kasih!!!
good tutorial,.,
thks...
thanks!
trims mas blognya bagus langsung saya aplikasikan di blog saya
salam kenaala http://www.mautau.net/
langsung Di praktekkan Gan!!!!
thnaksss :D semua tuto sgt bergune ^^
Thanks , its work :D
Thanks bro :D, kat mane ko sekarang ye :d, eh ble jumpe kah3
tq bebanyak..
tqvm...dah menjadi :)
macam mana nak post tutorial pulak eh? bantuan anda amatlah diperlukan dan akan dihargai :)
terima kasih
tqvm
terbaik la bro
tutorial yang terbaik
tQ so much♥(｡◕‿◕｡)
Kalau menyembunyikan menu scrollbar nya gimana ya sob? :D
Post a Comment