Tutorial Buat Scroll Dalam Bloglist Kemaskan Blog
Cik tom nak buat tutorial ni berdasarkan pertanyaan adik nurul dan puteriiqaizyan, bagaimana untuk scroll box dalam bloglist?? Scroll dalam bloglist ni bagus untuk kemaskan blog dan senang nak lihat list blog dengan hanya secara scroll. Kalau show all akan meleret panjang ke bawah.
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
Klik “CTRL+F” ataupun “F3” untuk find apa nama tajuk bloglist korang tue. Contohnya kat blog cik tom “kerja dan kerja”.
STEP 3
Bila dah jumpa cari keyword ini di bawah coding “kerja oh kerja”.
<div class='widget-content'>
STEP 4
Sila copy+paste code di bawah dan gantikan pada code di step 2.
<div class='widget-content' style='overflow:auto; width:ancho; height:100px;'>
***code yang di boldkan tue , korang boleh adjust untuk berapa ketinggian yang disukai.
STEP 5
Klik Preview dan save jika tiada sebarang error pada coding ye.
*********************************
Sebenarnya tutorial ni based on tutorial yang mish buat untuk scrollbox bagi blogarhieve. Cik tom tengok lagi senang coding cara ni compare dengan cara cik tom ajar untuk tutorial blogarchive sebelum INI. So, cik tom try and error dengan apply pada bloglist pulak. Selamat mencuba ye 🙂
Sharing is caring
Alhamdulillah..
time kaseh sgt2 cik tom :))
harituh iqa da gugel.tp berbelit2 sume.huhu
terima kasih tom..
yes…time kaseh cik tom..rara nk tuto nie la..hehe
Thanks untuk info ni..bolehlah ellen buat ni..hehe..thks Tom..
Tq cik tom. JZ dah buat untuk blog list n popular post. bes! bes! 🙂
thanks cik tom =)
salam cik tom,
kak ati nak tahu mcm mana nak letak
nuff dekat header
dah byk kali buat tak boleh lah
cik tom..tlng ajar ASAP yer
TQ in advance ^_^
nak cubelah..ehehe.;)tengkiup sis^^
Thanks cik tom,dah berjaya buat…hehe
nice2.macam wat scroll box kat archive erk
bgus neh cik Tom, klu emiey nk buat, emiey rujuk sini la..yg kotak banner tu pun rujuk cik Tom, cntik kan, ehehe 😀
salam cik tom.eh da xde baling tomato.hehe
ciktom,thanx byk2 ya.muax!!
dah lame crik bnda ni..=)
dni pun guna ni 🙂
mekaseh cik tom yer…:)
salam.hai cik tom, alisya cuba juga..thanks 4 this tutorial..very helpful.. 🙂
salam
syira pun buat gak tutor ni 🙂
cik tom, comel blog, syira baru rancang nak design blog 2011 yang lebih gempak dengan header yang ada gambar sepatu hijau, sekali cik tom dapat baca idea syira…wawawa…
tapi memang comel…cerah mata gitu 🙂
thanx cik tom,da jadi heheh ;D
hai cik tom..
mamat dah try dh code2 yg cik tom bgi..
Tapi xda apa2 yg jadi pun..
mamat dah try bnyak kali..
mcam2 cara mamat mamat try guna code yg cik tom bgi..
tapi ttap ada 2 entry..
Rajin Cik Tom saya ni
nice sharing cik tom
ika pnah blaja mcm mna nak buat scr0ll b0x nih tp dh tlupe..nsib baik cik t0m bwat tut0rial lg..huhu..tenkiu!
tq so much cik tom…. muahhhsss…. menjadi akhirnya…. itu hari wat ilang abihhh… huhuhu… tq again….
salam cik tom…dah berubah waja blog…cantik…
info bgus….berguna…
tq
yuhuu Cik Tom berjaya jugak kite buat tutorial ni.Yang ni tak png kpla berbanding utk banner tu.huhu sampai skrg tak setting lagi.Tq 4 this info sayang Cik Tom
nak try jugak la nanti. thanks cik tom 🙂
CIK TOM !BLOG BARU ! TAK PASAN PON ! MERAH TU ! ! SUKE2.. kite pon blog baru jugak ! hee!
bley jgk tmbh blockquotes n tkr color kn??..
tq cik tom 🙂
yeah..gud2
tq cik tomato…..
leh x cik tomato tlng ajar cra nk bt blog ni fuhhhhhhh……..
cth mcm blog cik tomato..cntk la ska…kaler dh x saket mata…heheheheeheheheh
mcm best pulak buat mcm ni..
nti free boleh lah try 🙂
cik tom..
dulu akak tengok ada tutorial buat top comenttar kat blog cik tom ni..
tapi semalam akak godek2 tak jumpa pulak..
ciktom buang ke??
tq cik tom! dh buat. wee~
cik tom. nk tnye pulak. cm ne cik tom letak pic tomato tuh kt sidebar?
toturial menarik neh..thanks cik tom…
syg cik tom…muah!
cik tom… untuk bloglist ad x jadi la… knp ek? sama je kan caranya?
tengs cik tom!
dah buat dan berjaya dengan jayanya
terima kasih cik tom..
mamaema dah cuba dah…
sy dh lama cari ni! thanx cik tom! 😀
thanks cik tom. dah try dh. 🙂
thanx cik tom!yna pn nk wt cmni gk sblum ni sbb tgok blog org laen nmpk kmas ble wt ni tp yna xtaw n mcm sush..
nice share.t nk cbe la..klu xfhm lg,yna tye eh!:)
salam cik tom .
code yang dlm step 4 tu
nak paste dekat mana satu .
@NanaCinvent:step dalam no 4 tue…nana gantikan pada code no 3…kiranya nana delete code dalam no 3…pastu gantikan dengan step no 4..faham dan boleh buat x??
cik tom…dla curik tuto ni..tq sgt2..dah jd..sayang cik tok ketat2..hehe
huhuh .okay2 .dah jadi .nampak lg kemas .tp kalau nak lebarkan tk boleh ke .
thanks so much cik tom! dah tak panjang blog sy 🙂
@NanaCinvent: nak adjust lebar boleh je…
pada coding;
width:ancho;
sila tukar pada
width:300px;
**300px tue boleh ubah pada mana kelebaran nana suka…
selamat mencuba…
terima kasih cik tom…saya dah cuba,ok…
Yeyyy.. dah wat dah… thnx… XD
salam cik tom..
thanx 4 da tutorial..
anyway kredit utk cik tom..
http://ladymiaka86.blogspot.com/2011/02/try-error.html
@CIK TOM : okay2 .dah faham . terima kasih cik tom
http://okiokidiary.blogspot.com/
cik tom!
saya pun dah buat…thanks…
tak de la nampak berjela ja blog archieve tue.hehe
Thanks Cik Tom…;)
dah lama cr tuto ni..ehehe.
CIKTOM,
template yang baru ni tak boleh buat la pulak…keluar camni ha
“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 “class”.
Error 500
kenapa ek?
Jom baca entri terkini ikhyar dee …– BOLEH BUAT DUIT JUGAK NIE
cik tom rasa sama ada blogger yang problem or code yang dimasukkan xlengkap..cuba follow satu persatu step ni ye..kalau still tak jadi or ada masalah bgth la ye..
ku jgk buat kuar sama cm yg ikhyar bgtau tu..napa yer..??padahal dh copy paste sama code yg cik tom bg tue..camner nie cik tom..
xdapat jugak?ciktom dah adjust balik entry ni..maybe ada error masa copy code…fara cari perkataan contoh bloglist fara “ONLY GA”..pastu follow up step 3 untu cari code dan seterusnya..cuba sekali lagi dapat x??sbb cik tom dh tgk blog fara mmg sama je coding..
salam..cik tom, fara dh buat jadi..tq..tp napa list dlmnya bertindinh yer..dan bila gerakkan scroll tu dia x gerak..nampak x elok..fara buang je x buat scroll tu..tp nak buat jgk utk list catatan dan perkongsian tu..camner yer..help leh..hiii
untuk list “catatan dan perkongsian” tue pun caranya sama je…just follow step dalam entry tutorial ni..cuma tukar step yg kena search tue tukar search :”catatan dan perkongsian”..selamat mencuba n good luck!
berbeza dengan
mana-mana blogger tidak boleh cuba ubah ’ kepada ‘
cuba guna kode
mana-mana blogger tidak boleh cuba ubah ’ kepada ‘
tak menjadi..please help me 🙁
thanx cik tom!hee
jadi la..!
alhamdulillah dan tahniah!
kenapa sy buat tk mnjadi? mksud sy, sy tidk jmpanya.
Jom baca entri terkini eyah012 …~K-POP Taggie~
apa yang tak jumpa ye..boleh bagitahu detaill..
xda code “F3” ?? cm ne nk cri??
salah faham ni..bukan cari code F3..tapi iela klik kat keyboard laptop/notebook “F3”..ada x?bila klik “F3” akan kuar box kat atas belah kiri..nanti taip code yang nak dicari..automatik akan tunjuk secara highlight..