Home
tutorial
Tips-Tips

Santai Bersama Ben Ashaari

20 December 2010

Tutorial : Membuat scroll box

 Hiii dear , 
Semua nya lah !!!

Korang tahu tak , macam mana nak buat scroll blox ni .?
Tahu ke , apa itu scroll box ?

Ok , tak tahu yer ? Contoh nyer , macam kat bawah ni lah : 

 

Tengok yang warna merah Lyssa kotan kan itu . itu lah .. bila korang ke bawah .. ada lagii isi-isi nya..
Nak tahu , macam mana nak buat ? 
Ikot tutorial di bawah yer ;)

Tutorial untuk membuat scroll box adalah seperti berikut..

1. Dari dashboard > Design > Add a gadget > HTML/javascript
(Jika anda sudah letakkan widget hanya buka HTML/javascript widget yang anda telah letak di blog)

2. Kemudian masukkan/ubah kod widget seperti berikut.

<div style="width:426px;height:100px;overflow:auto; ">

Isi - isi kadungan yang korang nak letakkan

</div>

Note :
width: ubah mengikut lebar yang anda kehendaki
height: ubah mengikut tinggi yang anda kehendaki


3. Apabila selesai, save dan lihat hasilnya..

Senang bukan..:)


** Kalau korang tak paham jugakk .. boleh KLIK SINI !!!



**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

156 000 orang Pengomen Terhebat !!:

syakira effende said...

scrol box yg mana ?

Lyssa Dollixious said...

ahaa . yg mana eh ? alar . try buad dulu . nnty, u thu ler ,yg mana 1 ;)

zeera said...

why x bole nk copy code??
huhuu

Lyssa Dollixious said...

@zeera

kan lyssa ada tulis tuh , kat bawah skali , mcam mana nak coy kan .? :))
Tengok warna merah yang blink2 tuh ^^

SteadyCoolFunky Girl said...

Akk , code widget tu , ap bende ?

Lyssa Dollixious said...

@SteadyCoolFunky Girl

oh .yang itu . code gambar ler . bkn url taw.. code :)

gambar or apa2 je ;)

hanis blogspot said...

scroll box tu ape?

Lyssa Dollixious said...

@hanis blogspot

cuba tgk kat bhagian atas skali ;) kan ada tempat letak link . ada box yang boleh scroll ke bawah kan ?
itu ler scroll box~

cunndaa said...

salam...
mcm mn buat contest?GA mcm lisa tu...
guna kod ni jugak ke?
tenkiu yer

Lyssa Dollixious said...

@cunndaa

lol. tk phm . kenapa nak kena guna kod niyh pulak .??

bukan lol .g kt Tutorial : Contest/GA Lyssa ;))

♪..aq[daN]pUteraku..♪ said...

lysaaa.. nk RQ skroll box utk pest entry ngn blog listt..cmnaa?? huhuhu..tlgggggggggg..T_T

Lyssa Dollixious said...

@♪..aq[daN]pUteraku..♪

ahaa . nnty , Lyssa try buatkan tuto nyer .?

Siti Aisyah said...

nk cari kat mne code widget tu ?

Lyssa Dollixious said...

@Siti Aisyah

ohh .maksud kod widget tuh kan , itu , code hmtl picture ker , or apa2 kod yang nak letak kan :) hik3!XD

αզʋ::∂нʏɛα::καмσ0 said...

kak lisa cm ne ep nk bwt box yg ade gmbr bunga2 yg kak lisa kod2 gadget sume 2??
cntik la ;)

αզʋ::∂нʏɛα::καмσ0 said...

kak lisa cm ne ep nk bwt box yg ade gmbr bunga2 yg kak lisa kod2 gadget sume 2??
cntik la ;)

Lyssa Dollixious said...

@αզʋ::∂нʏɛα::καмσ0

hahhaa .itu kenag kt tutorial blockquoate ;)

Farhan Afiqq said...

scroll box tu apa

αզʋ::∂нʏɛα::καмσ0 said...

owhh.. ye ke? hehe.. clap msukk lak. haha.. cowy yew kak lisa

Lyssa Dollixious said...

@Farhan Afiqq

hahah .scroll box tuh mcm bnda yg kita boleh scroll kan . mcm link exchange tuh ..

Lyssa Dollixious said...

@αզʋ::∂нʏɛα::καмσ0
hahaha .tk pe tk pe ;)

amoi said...

cmner nk buat pic kita di scroll skli ekk...mcm yg lyssa wat kt pic hubby lyssa tu..dh try tp tk dpt huhu

nawhen'S said...

kt content nk ltk apa??
soe bru nk mula,,

Eiyka Yusof said...

sys nk tya cm na nk center kan scroll box yg sye buad untuk mister linky ?

Lyssa Dollixious said...

@Eiyka Yusof

buat mcm ni ..

< c e n t e r > code mister linky < /c e n t e r >

Rapatkan semua okie!!

Eiyka Yusof said...

ouh oke . tenqiu .

Lyssa Dollixious said...

@Eiyka Yusof

welcome lah <3

Budak Tinggi said...

lyssa , knp eh , ble da copy and paste code tuh kan , xde bntuk scroll tuh . tp jd . phm tak ? XD

Lyssa Dollixious said...

@Budak Tinggi

yupp . paham ! Lyssa thu kenapa ! sebab tk cukup isi kt dlm tuh kott. apa kat ubah siza height dia :)

Miss E said...

Senag Jep!! Dah Jadi.. Thanks sys

RIRI MOMOKO ♥ said...

Err ,nak tnye ?mcmane nk buat 'post' and sume blog kite dlm satu scroll ?THANKS:)

Lyssa Dollixious said...

@RIRI MOMOKO ♥

ohh .yg ituu . Lyssa tk thu lah .. mybe . guna cara yg sama... juz tulis kt bhgian ruang kod tuh ....

raihanaziz said...

sis , i takpahamlah . kan suro copy then paste kat html java bile dah ade widget . tapi , i tak penah ad widget tuh . so , takjadi++tak paham . tolong heh , sedih sob sob:((

Lyssa Dollixious said...

@raihanaziz

haiyaaa.. bukan kod widget tuh.. salah paham niyh.. yang "masukkkan kod widget anda " tuh.. letak apa - apa kod ler.. cth : kod mister linky... html gambar.. apa2 je lah :))

raihanaziz said...

haa , dah paham ahh . tengs akak . dh jadi , tapi nape i punye xde pon yg scroll(yg boleh kebawah or keatas) hmm

sakinah97 said...

kak lyssa , scroll box tu yg macam pic hubby akak tu ke ? or benda lain ?

Lyssa Dollixious said...

@sakinah97

yupp . mcm pic hubby akk tuh ler ;)

Shue Hanna Evan's said...

da try ctrl+c.. tak bole pun.. mcm mne.. :(

Lyssa Dollixious said...

@Shue Hanna Evan's

tapi , try paste takk ?:)

Sunshine said...

Letakkan kod widget anda disini..

kod ap kak lyssa?

Sunshine said...

Kak Lyssa, gmbr mcm mna naa ltak ? taa dpat ar..

akmaLoweyz said...

bencinyerrrrrr..xreti p0wn..

syasyu@Qis said...

xreti la..kak,sy xpham kak ajar..
pls tell me how? i hope u can help me..

Mimie mimie ! said...

sys, ccode html pic nak cari kat mana? thanks :)

shue'hada is wada said...

susah nyer mawu buwat . cik lyssa bole tolong buat kan ta ?

Yasirah Nordin said...

lisa..kenape akak buat x jdi ye.bila dah msuk kan gmbar...gmbar tu terkeluar dari scroll box tu..

Mowmoy said...

knp x jadi kak????

nanadoukey :) said...

@Lyssa Dollixious macam mana nak buat box pix macam lyssaa ?

ieka_niq said...

akak, ape itu 'scroll box'??

bdx memekak said...

@Lyssa Dollixious
code uh mcm mne erk..?? =)

khairul said...

tolong tunjuk kt sy mcm mana sy nk masukkan "labels" dlm scroll tu ?

Syaidatul Nur Liyana said...

Akak..thankz..dah lame carik tuto nieyh..huhu~

Amy :D said...

@Lyssa Dollixious
kak . tak paham laa kak . kod widget tuh mcm mne pulak ? *_*
nk letak gmbr mcm mna ehh ?

Amy :D said...

@Lyssa Dollixious
kak , kod mister linky tuh ape pulak ?

aliaa said...

Kak Lyssa , nape saya buat xjady ? :'(

YAYAyanie:)DD said...

akak,mcm mana nak letak gamba plak dekat scrollbox tu?Ajar sayaa.huhu,blog saya nie
www.sweet-crazyoflove.blogspot.com

SAFFA said...

kak..mcam mna nk ltak gmbr..x boleh la..:(

'Siti Nurazwaniza said...

susah laa nak copy!

priNcessapple pie . said...

napee ta bolee kak lyssa .hmmm .

Dayah's Tralala said...

Mcm mne nk taruk gamba bnyk bnyk , nk upload dkat mane ?

;) said...

mcm mne nk ltak pic then isi2 kndungan 2 kurang faham lah

nurulle farhah said...

@Lyssa Dollixiousakaq..macam mna nk wat scroll box mcm tutorial akq ue?yg ad link bukan yg gambar,..cam ner nk ltk link dlm scroll box tu?please...

ieyz myra said...

kak lyssa .. code gmbar yg mna ?

ieja said...

nak letak gambar kat scroll mcm mna plak?

fyqa fify said...

kak lyssaa..cmnee nakk letakk gmbr kite sndri kat dlam scroll box ?? :(

ScleRa CinTe Emiy said...

sys lyssa cnew nk ltak pic lam scroll box uh.?

Miea said...

kaq lysa,mcm ne nak letak pice mcm kaq lisa buad kt ur bie uh??aja la:D

angahIera said...

lyssa - untuk buat scroll box 'old entry'...guna tutorial nie jgk ke??

Dila ShuffLe said...

kak .. na cari kt mne c0de html pic kite 2 yer ?

una ped0ra said...

mcm mne nk letak histiry at dlm ni . buat la tutorial

My Name is Mar said...

Hah...
Faham... Tapi.... Caner nak wat scroll box untuk Old Entri??
Ceciter.. Ceciter...

LOVELY15 said...

kak lyssa mcm mna nk ltak gambr skali kat dlm scrool box tu.....klau tulisan bole la...tapi nk ltak pic skali cam new

ieja said...

lyssa napa u xreply lagi cara nak letak pict kat scroll...\

Syazwina said...

@Lyssa Dollixious dah ada ke tuto utk scroll box fr blog list? saya dah lama cari tuto ni. harap dpt buat la ye. tq.

nanocadbury ! said...

lisa , klw kta na letak gmba dlm scroll box uh mcm mna ??

farah munshi said...

lysa , macam mane nak copy code gamba ek ?

farah munshi said...

macam mane nak copy code gamba ?

zura nazura said...

kak lisa,mcm mne nk letak gamba sekali?

Liyanna Lollipopz Sweetz said...

kak lissa | mcam mnea nux letak gmbar ? | hope kak lyssa reply |

Nia Aqil said...

Miss Lyssa , hmmm ...
Lil Sis Nia nak wat Scroll box, nux letak gmbr boyfie saya,
Tapi tak lepas ...
Haha . Sedih laa . :(
Help Me bulee ...

abidara said...

sy pnya x jd..(isi-isi kandungan yg korang nak letakkan) tu,mksud nya?,sy bt x jadik pn...cmna ek?

syiq yusof said...

akak , cane nk letak isi-isi kandungan yg kite nak letak tuh ?

Amni Heenim said...

salam, akak, cane nk letak gmbar dlm scroll box tuh? reply eh! thanx!

cynthia bella said...

kalau nak bubuh gambar macam mana , kak Lyssa ??

aLia said...

kak Lyssa, macam mana nak bubuh gambar dalam scrollbox tuh?? ramai dah orang tanya, tapi, kak Lyssa tak jawab lagi.. macam mana ehh??

Aishiteru ZhaFiza said...

girl:

zha dh wat scroollbox pic then nk tulis pe2 bwh pic xleh plak...cmne nk wat coz zha try wat ttp tulisan 2 nk scroll gak...zha nk de mcm awak 2...heheheh..leh tlg ajarkan??

eyka tsk said...

suda jadi .. tnx for this tuto :)

Dhya Danisya said...

Thx kak Lyssa yg comel~!

Wan Atikah said...

nk letak gmba mcm mne ? tlg ajar :)

sipenguincomel said...

tak boleh la ,, tak jadi pon scroll uh .. then cane nak masukkan gamba like u msukkan gamba ur hubby uh ?

Jaja said...

kak lyssa,mcm maner nak letak gambar kat scroll box..jaja dah naik pening kepala ni..huu~..boleh kak lyssa tlong jaja..

oli-go said...

Lisa, nak buat scrol box ni akak failed..dah try tapi tak menjadi...

oli-go said...

lisa, akak nak buat scroll box utk blog yang akak follow...

myra said...

kak Lyssa camne nak lex gambar dalam scroll box ?

wawa ッ◕‿◕ said...

cmner nk buat pic kita di scroll skli ekk...mcm yg lyssa wat kt pic hubby lyssa tu..dh try tp tk dpt

Yoseob Zhana said...

akq,camne eh..kalo sye nk buat scroll box cam scroll box akq yg pasal hubby akq tu..mintak tolong ajarkan..mekasih

Nabihah Azmi : ) said...

hi..kak lyssa macam mane nak letak gambar?

betol lah said...

kak lysa.cmne na letak pic.na pecah pale nih=='

yazmin said...

lyssa.. nak tnya min punya blog sangat xmemuaskan hati pada background... mcm mane caranya utk background yg kite nak tu combine ngan post yg kite tulis.. opss saya budak baru nak berblog... tolong ajarkan ye.. maceh... v('',)

Dyla Adlina said...

Yey ! Jadi lah ! Mekaceh !
Ermm , Nak tanye boleh ? :)
Lagu ape dkt radio kak lyssa nih ? Best lhaa . Suke sngt . Nk ltk dkt blog sy Bole tak ? Tlong ajar ye . :D

Nur Syazwani Khirizan said...

Trimas-2 , hihi (:

iemalala said...

tenkiu....:D

hanna suehana said...

kakak saia takk pndai na copy lha ..pliss ajr kann ?:(

Izzah Izyan said...

lyssa,klau blog archive mcm mne???

AiDa SyaFiQa said...

kalau nak buat scroll kat blog archive cmner??

lynz said...

kak lyssa.. susah la nk uat yg ni..

Intan Nadila said...

Maceh cik lysaa . muah kiri . muah kanan :)

ira said...

kak lyssa knp saya wat scorll box xjd pon.. cam ner ni??

syeera razali said...

Lyssa , cmne you buad scrollbox untuk blog archive tuh ? mne you dpt link utk blog archive ?

amieza eizattie said...

kak.. sye x pham la.. mcm ner nak isikan isi2 kandungannye tu ?? can u explain dgan lbih detail??

amieza eizattie said...

kak.. sye x pham la.. mcm ner nak isikan isi2 kandungannye tu ?? can u explain dgan lbih detail??

norfazira said...

awt susah sangat btw dah berjaya ! thanx yaa kak ;)

Azri97 said...

npa bila letak code 2 dia 2lis
URL contains illegal characters

Melin's Secret said...

Salam,,,
Kak Lyssa cam new plak kl0 nk ltkkn scroll box untk URL BANNER sye Kak Lyssa ?? :)
ajrkn sye ley x ??
Thanks,, :)

eyaa lalola said...

Kalau scroll box yg boleh bergrak sndiri mcm mane pulak ?

BuddakPoyyo said...

Budakkpoyyo

Nice laa !!! I love It !!

NURULSYAZWANI BINTI ROSLI said...

@Lyssa Dollixious

awak, mcm ane nk buat scroll box utk bloglist?

Nurul Aisyah said...

Kak Lyssa, mcm mana kak lyssa buat cursor tu bertukar bila nak klik sesuatu cth sy nak klik tajuk tutorial cursor dia mesti tukar jadi cursor lain..mcm mana kak lyssa buat?^^

Nurul Aisyah said...

Ajar lah kak...nanti kalau dah buat tutorialnya bgtau kat blog saya tau!!!! tq!!! Syg kak Lyssa

nur farahin binti sulaiman said...

akak nak tnya.. mcm mna lyssa wat coretan lyssa dlm scroll box juga??

SarahShuhaimi said...

kak , saya blogger baru . cantikk la blog akk .

Nurul Fatin Najihah Zaini. said...

dah banyak kali buat . tak jadi pon . macam mana kak lysa ?

riri said...

@Lyssa Dollixious


KAK LYSSA cam na nak buad background image ya
dan kat na

MiSs PiNk D'Light said...

lyssa...sy xdpt la wat scroll 2...tlg sy plezz

MiSs PiNk D'Light said...

lyssa...sy xdpt la wat scroll 2...tlg sy plezz

Nurul Atiqah said...

Kenapa saya buat xjadi eah?

Pinky d'Lurver said...

kak lisa . cm ne nk gabung kan picx ? mngguna kan 1 scr00l box ?

Eliey said...

kenape kite dh buat ,, tapy scrolll box nye xde ponn :/

Afiqa Oky said...

Kak Lyssa , Ape maksud "Isi kandungan korang nak letakkan ?"
Nak letak ape ? pas2 kalau nak letak ambik perkataan ape ?

tuaranboyz said...

terima kasih atas tutorial ini :)

IrA tHIrA said...

kak lyssa...kalau dalam post macam mana nk letak scroll box...harap kak lyssa dapat membantu...

iRfan said...

@IrA tHIrAtak bole la kak dia klua www. bukan http...

Nur Alya said...

kak lyssa, mcm mne nk buat scroll box kat dalam entry eh ? mcm yg lyssa buat entry "Jangan Bace !"

aku adalah aku said...

xjd la lyssa..

Haidah Amiera Zailand said...

MEKACIH KAK <3 <3 <3

Fina Minemoree said...

Hi kak Lyssa, boleh tk bt tuto utk jdikn highlight kita colour lain? And bt tuto utk scroll box utk blog. Bukan untuk bloglist, comment ke apa, utk blog pnya boleh? Thanksssss :)

.SalmaMoshi. said...

Akak , kalau utk pengguna Template macam mane nak buat ?

Chinta Lavender said...

ok.. Blog ni mmg menarik ~
Tp sy reti la nak wat ~
asyik xjadi jer...
cm mne nih??

Inovativemusic said...

BESTNYA,NASIB BAIK KAK LYSSA PANDAI BUAT.

gee_purple93 said...

sis ! caman nak buat macam sis nih ?? JOM TERJAH ENTRY LYSSA YANG LAIN???? pleaseee.... tolong ajarkannnn :(

Nur Elysa said...

hmm , camne nak buat arrow sendiri kat blog ? yg cntk2 tu..

azny azni said...

akk lyssa macam mane ye? sye wat x menjadi pon ..

Faza Husna said...

akak isi2 kandungan tu macammane???

Dayana Azrry said...

kak lyssa , mcm mane nak letak gambar dalam scroll box nihh ? yana da buat da . tapi tableh :( sedihhh .

as sweet as SAIDATUL SYAFIQAH said...

kak lisa mcm mne nk letak gambar bnyak2 kt scroll box nie?

Unknown said...

kak lyssa nk tanya mcm mne nk buat yg home tempahan doodle mcm kak lyssa tu ? tapi yg comel? saya buat simple ? nk yg comel2 ,boleh ajarkan?nk tengok home,tenpahan,doodle saye? simple jer ?http://nurularinastory.blogspot.com/

Nur Adlin Dina said...

kak lisa camne nk uat scroll box utk blogger entry

shafiq shaff said...

gadget kat mana?hahhaahha

Nurul Anisah said...

Thanks for tutorial :)

Nabila Pink said...

Kak Lyssa..akak buat scrollbox kt tpi 2 cmna eh.? (yg kaler pink n biru kt tpi 2..) hehe..tolong.?

aSya sAgon said...

x leh pun..

twinklittlestar said...

Nak ambil widget dkat mana ?
Saya blurrr sikt ?

JM said...

SALAM. THANK SHARE . ALHAMDULILLAH JADI LE ...

fatin aqilah said...

akak nk wat bioz akak tu mcm mn erk...

[ Budak KechiQ ] said...

@syakira effende

lysaa, saya singgah sini tadi. tuto lysaa best sgt. hope lysa sudi singgah blog saya.http://blogpurplepinqtogether.blogspot.com/

[ Budak KechiQ ] said...

suka sinngah sini. ini blog saya http://blogpurplepinqtogether.blogspot.com/