Tutorial : Scroll Box For BlogList

Gadis Kidal Berceloteh....

.Assalamualaikum.

Hi..Hi..
Eh , Hari tu .. Siapa ntah yang tanya kat Lyssa ..
Macam mana nak buat Scroll Box Untuk Bloglist..
hehehe . SINI !! SINI !!

Lyssa ada jawapan nye .;)
Kalau korang ketinggalan .. dan tak tahu macam mana nak buat bloglist..
Korang boleh rujuk tutorial ini : TEKAN DI SINI !!

Tutorial Kali ini pula , Lyssa ajarkan macamana nak jadikan bloglist tuh kepada bentuk scroll box supaya nampak lebih kemas dan teratur..
Contoh nya ada di bawah ini :

 

Jom ikut Step di bawah :

1. Log in > Design > Edit HTML  > Tick Expand Widget Templates 

2. Tekan Ctrl F dan carikan tajuk bloglist korang.. contoh macam Lyssa punya:

My Blog List 

3. Bila dah jumpa tajuk bloglist korang tu kan , cuba korang tengokk kod-kod di bawah tajuk yang korang carikan tuh . ada takk kod macam ni :

<div class='widget-content'> 

4. Ye ! Sudah jumpakan ? Bagus2! Now, gantikan kod di atas ini dengan kod ini:

<div class='widget-content' style='overflow:auto; width:ancho; height:200px;'> 



**Yang warna merah tu , bolehlah gantikan dengan size height korang ye.
5. Sudah kan ? Cuba PREVIEW dulu. kalau menjadi , SAVE terus ok ? ;p

=SELAMAT MENCUBA SEKALIAN !=

KONGSIKAN ARTIKEL INI..
Previous
Next Post »

106 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
* Rosita *
AUTHOR
June 23, 2011 at 9:58 AM delete

lyssa sayang..ada tak tutor nak letak fb ngan heartbeat kat tepi cam lyssa tu...?

avatar
Sophieory
AUTHOR
June 23, 2011 at 10:06 AM delete This comment has been removed by the author.
avatar
June 23, 2011 at 10:12 AM delete

@* Zaleta *

boleh rujuk tutorial : Floating buttom :) tapi kan .. kala nak pic sendiri . boleh buat guna photoshop ;__

avatar
June 23, 2011 at 10:13 AM delete

@QHARL SOPHIEORY

alamaakk . tak bolehh ker ? aduyy . kenapa takk boleh pulakk .? jumpaa tak Kod yang perlu di cari ??

avatar
unknownname
AUTHOR
June 23, 2011 at 12:27 PM delete

Tq kak lyssa! maseh yaaa..... jdi2

avatar
Atirah ★
AUTHOR
June 23, 2011 at 1:58 PM delete This comment has been removed by the author.
avatar
Anonymous
AUTHOR
June 23, 2011 at 3:16 PM delete

thanks kak lyssa. dah jadi pun. lagipun, dah lama cari tuto ni.

avatar
Anonymous
AUTHOR
June 23, 2011 at 4:35 PM delete

lyssa chumeyl .. saia shellalu ..skod lyssa ..minadd crusor made sndr kr? cne na buat .. hukhukk ..lg 1 .. korunk buad cner header banner ,, chantek !

avatar
Nek Na
AUTHOR
June 23, 2011 at 10:06 PM delete

salam..tq dah jadi...byk ilmu dah dpt dr kamu..muaahh

avatar
AnisOnis
AUTHOR
June 24, 2011 at 3:30 PM delete

kak..kalau nak letak icon sebelah bloglist macam mana ek??

avatar
Safinaz
AUTHOR
June 24, 2011 at 10:55 PM delete

tengs kak lyssa , menjady yaw !

avatar
Leya
AUTHOR
June 25, 2011 at 9:28 PM delete

Yeay , thanks Sys . Daa jdy !

avatar
June 26, 2011 at 9:22 PM delete

thank you kak lysaa...anis punye da menjadi....

avatar
Syahira Amira
AUTHOR
July 9, 2011 at 1:58 PM delete

yeaY JADI ! , teNz kak lyssa ^^

avatar
Kiera Znddin
AUTHOR
July 10, 2011 at 3:45 PM delete

kak lyssa ! tak jd laaa ...
:(

avatar
Unknown
AUTHOR
July 12, 2011 at 12:07 AM delete

bjAya! thAnx lyssA c0mel~ hEee...^^

avatar
aLyah_Lya
AUTHOR
July 14, 2011 at 11:31 PM delete

dpt la..
tenkiu ya.. <3

avatar
ain
AUTHOR
July 17, 2011 at 4:17 PM delete

dh lame tutor nie,,tq lyssa,,

avatar
Ieka Hassan
AUTHOR
July 22, 2011 at 9:02 PM delete

THANKS for the tutor . :)

avatar
Unknown
AUTHOR
August 14, 2011 at 12:30 PM delete

thanks lyssa ... jadi pon .. erm lyssa ade x tuto download gimp ??

avatar
marilyn
AUTHOR
August 15, 2011 at 2:14 PM delete

KAK LYSSA ,, NAPE TA JDIK ? :(

avatar
NH97
AUTHOR
August 25, 2011 at 11:32 PM delete

kak lyssa.. tak jmpe pon kod turh..

avatar
Unknown
AUTHOR
October 23, 2011 at 5:04 PM delete

done kak lyssa ! syukran deh ! >_<

avatar
Maliha ♥
AUTHOR
October 27, 2011 at 8:43 PM delete

ta jd =(
pas preview jd gelap =(

avatar
October 28, 2011 at 2:44 AM delete

Kak Lyssa , boleh tak buad kotak untuk blog list nihh ? Macam mane caranyee ?

Thankyouu :>

avatar
Farah Senrose
AUTHOR
November 3, 2011 at 7:38 PM delete

akk lyssa macam maner nak buat shoutbox ? please ajar ye

avatar
Hello Kitty
AUTHOR
November 7, 2011 at 10:39 PM delete

Kak Lyssa Tolong buat Toturial Yng macam Tepi nie Tapi Dia Jadii Macam Cntik Sikit Tpi Susah La Nk Ckp Mcm Mana.. Tpi Bnyk blog buas Macam tu..

avatar
Unknown
AUTHOR
November 9, 2011 at 1:29 AM delete

awk..thanx 4 da tutor..
semua tutot awk senang paham!

avatar
Cik Tikah
AUTHOR
November 14, 2011 at 2:54 PM delete

dah jadi..hehe..thanks lyssa :)

avatar
November 23, 2011 at 5:54 PM delete

xjdy...Y_Y...Tick Expand Widget Templates <<xjmpe la..YY_YY

avatar
marina musa
AUTHOR
December 8, 2011 at 4:17 AM delete

terima kasih kak lysaa jadi :DD

avatar
Diana
AUTHOR
December 8, 2011 at 8:58 PM delete

salam... thanks 4 da tutor..

avatar
Nadia Rohin
AUTHOR
December 12, 2011 at 4:56 PM delete

kak lisa , nape tk dpt eh ? saye cari name bloglist pun tkde

avatar
Lyana Razali
AUTHOR
December 20, 2011 at 5:29 PM delete

jdi la kak..ngee..thnx 4 da tutor..

avatar
December 21, 2011 at 2:00 PM delete

kaklisa,macam mane nak buat gambar kat ats blog??and mcmne nk buad naik lof laju2 2ek?

avatar
December 21, 2011 at 2:01 PM delete

kak lisa,camne nak buad title blog jadi gambar??and camne nak buad naik lif laju2?

avatar
December 21, 2011 at 5:58 PM delete

kak lyssa , saya punya template designer xde ' tabs text ' dgn ' tabs background ' .. tolong bolehh ??

avatar
nhdaughter
AUTHOR
December 22, 2011 at 1:55 PM delete

assalam...
lyssa...
cmne plk lau nk ltk scroll box kat dlm enytry?
lehajrkan x?

avatar
zirulshafa
AUTHOR
December 25, 2011 at 11:42 PM delete

salam kak Lyssa.akk,zirul nk tnya la kak..knpa blog zirul org lain xleh nk follow?smue dh cuba.tpi xdpt.akk taw ke mcm mne?

avatar
Anonymous
AUTHOR
January 10, 2012 at 10:34 PM delete

lyssa , kenape x de kt blog eh? anis dah cube refresh page bnyk kali. x de pun kat sidebar or mane2 . :(

avatar
4LimaKosong
AUTHOR
January 16, 2012 at 1:10 AM delete

akak slain My blog list ape g.. x jumpa pown

avatar
Sophieory
AUTHOR
January 19, 2012 at 2:33 PM delete

k, dah jumpa . . . thanks. .

avatar
Shaky Shake
AUTHOR
February 2, 2012 at 10:05 PM delete

cik lyssa. width dia boleh tukar x? sebab cam lebar sgt kat dlm blog saya uh.

avatar
Unknown
AUTHOR
February 3, 2012 at 4:32 AM delete

sys , asl aen taleyh wat pon sume scrol box !! errghh !! bngang tol !:(

avatar
February 11, 2012 at 1:35 PM delete

LEYSA npe sy bt xmenjadi erk..?die ckp cmnie haa..More than one widget was found with id: BlogList1. Widget IDs should be unique.

avatar
Fifieyqa
AUTHOR
February 25, 2012 at 10:47 PM delete

thanx a lot lyssa...dah jadi!!!hehe..

avatar
H.K.L
AUTHOR
March 12, 2012 at 12:10 PM delete

thanks lyssa comel, sudah menjadi bloglist akak :)

avatar
kak tie
AUTHOR
March 12, 2012 at 12:43 PM delete

jadi le Lysa..bangga ni..tq

avatar
Hawawawa
AUTHOR
March 14, 2012 at 3:48 PM delete

hai kak Lyssa.teria kasih for this tutor :)

avatar
Unknown
AUTHOR
March 22, 2012 at 11:46 PM delete

Yup berkesan ya..tq3X are big smile

avatar
Te'ah
AUTHOR
April 7, 2012 at 8:58 PM delete

Da jady la kak lyssa .. thanx .. :D

avatar
ayut
AUTHOR
May 29, 2012 at 2:55 PM delete

thanks lyssa for the tuto..jd dah :)
recommanded blog tuto by cik puan azizah..hihihi

avatar
adhwa
AUTHOR
June 7, 2012 at 1:47 PM delete

lyssa ta jd bloglistny

avatar
adhwa
AUTHOR
June 7, 2012 at 1:48 PM delete

lyssa ta jd bloglistnyer

avatar
hamba allah
AUTHOR
June 23, 2012 at 6:48 PM delete

kak lyssa, saya tak jumpa pun kod macam tu..
nak buat macam mana?

avatar
Unknown
AUTHOR
June 26, 2012 at 6:24 PM delete

Tq lyssa utk tutor. tapi yang ni tak jadi please...nak buat camane?

avatar
putryteya
AUTHOR
July 3, 2012 at 9:26 PM delete

menjadikkk ! terimakasihh :P

avatar
Atan Johari
AUTHOR
August 10, 2012 at 1:03 PM delete

amat berguna...terima kasih....(^_^)

avatar
onlajer
AUTHOR
September 10, 2012 at 4:51 PM delete

Alhamdulilah sudah menjadi

avatar
Ain Atiqah
AUTHOR
September 18, 2012 at 7:00 PM delete

wow! awesome la menjadii :DD

avatar
Little Rara
AUTHOR
September 21, 2012 at 10:30 PM delete

Wah , menjadi . tapy pakai kejap je .

avatar
wolf
AUTHOR
October 25, 2012 at 9:33 PM delete

@Lyssa Dollixiouskakak! takdek la kod yang NAK kene ganti tu...yang ade camni bentuknye
=============================




=============================

avatar
Izzati Robani
AUTHOR
November 30, 2012 at 11:45 AM delete

lyssa jadii !!
Thanks ye lyssa =)

avatar
Effa Nadia
AUTHOR
December 2, 2012 at 8:04 PM delete

yeh yeh ! da jadik ! thx kakak lyssa !

avatar
mselim3
AUTHOR
December 6, 2012 at 9:55 AM delete

ok dah jadi terima kasih ....daripada mselim3

avatar
cikgu zul
AUTHOR
December 23, 2012 at 10:56 AM delete

thanks..dah menjadi.. :)

avatar
Unknown
AUTHOR
December 31, 2012 at 3:08 PM delete

menjadi..thanks lyssa.. =)

avatar
Snsitinur
AUTHOR
January 21, 2013 at 5:11 PM delete

terima kasih kak,berjaya!

avatar
haryati
AUTHOR
March 9, 2013 at 8:00 AM delete

salam lyssa akak amik tutorial ni tau, tq

avatar
Usu
AUTHOR
March 26, 2013 at 10:58 AM delete

tq lyssa bg tuto...jd pun...cntik dan kemas.. :)

avatar
Unknown
AUTHOR
April 10, 2013 at 5:46 PM delete

akak... macam mana ni blog dh tukar wjh baru

avatar
Macam2Ada
AUTHOR
May 14, 2013 at 7:29 PM delete

Salam tak jdi pon... camne nak bua ?/

avatar
Anonymous
AUTHOR
June 17, 2013 at 7:46 PM delete

div class='widget-content' code tu takde pun kt sy punya . :'( camna ni camna ni ?????

avatar
Unknown
AUTHOR
September 6, 2013 at 9:40 PM delete

Kak Lyssa, xjadi pon...Saya x jumpa code bawah title bloglist tu...

avatar
Unknown
AUTHOR
February 6, 2014 at 5:36 PM delete

zara jumpa.. thnks ! dah dapat buat ^^

avatar
Unknown
AUTHOR
May 9, 2014 at 4:30 PM delete

Salam, Lyssa. Memang best la blog Lyssa ni. Memang amat membantu. Banyak tutorial Lyssa yg membantu utk memperkemaskan lagi blog akak.

avatar
Unknown
AUTHOR
June 30, 2014 at 9:22 PM delete

terima kasih byk2 untuk semua tutorial nye lyssa :)

avatar
Anonymous
AUTHOR
April 15, 2015 at 3:09 PM delete

Kak lyssa kenapa tak jadi ? TT.TT byk aje code yg first tuh -,-

avatar
Unknown
AUTHOR
October 19, 2015 at 9:22 PM delete

Wah..Thanks,for the info nk cuba lah nanti.^^

avatar
May 26, 2016 at 3:44 PM delete

akak..tak jadi-lah..code dah jumpa and replace.Bila save tak menjadi pulak..takda pun scroll box dia D: ~huhu..

avatar
Hangbean
AUTHOR
May 18, 2018 at 1:21 PM delete

Thank you, dah jadi.

avatar

.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon