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 »

107 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
* Zaleta *
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
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
June 23, 2011 at 12:27 PM delete

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

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

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

avatar
nyll_narean
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
sygana
AUTHOR
June 23, 2011 at 10:06 PM delete

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

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

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

avatar
er fan
AUTHOR
June 24, 2011 at 5:08 PM delete

thanx da menjadi!

avatar
June 24, 2011 at 10:55 PM delete

tengs kak lyssa , menjady yaw !

avatar
Sunshine
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
AmiraZ =]
AUTHOR
July 9, 2011 at 1:58 PM delete

yeaY JADI ! , teNz kak lyssa ^^

avatar
cute secret
AUTHOR
July 10, 2011 at 3:45 PM delete

kak lyssa ! tak jd laaa ...
:(

avatar
AlyNn NyzAa
AUTHOR
July 12, 2011 at 12:07 AM delete

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

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

dpt la..
tenkiu ya.. <3

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

dh lame tutor nie,,tq lyssa,,

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

THANKS for the tutor . :)

avatar
August 14, 2011 at 12:30 PM delete

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

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

kak lyssa.. tak jmpe pon kod turh..

avatar
FiHa
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
ain yusof
AUTHOR
November 3, 2011 at 7:38 PM delete

akk lyssa macam maner nak buat shoutbox ? please ajar ye

avatar
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
November 9, 2011 at 1:29 AM delete

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

avatar
fara
AUTHOR
November 9, 2011 at 12:25 PM delete

finally..thankz ya!!

avatar
Cik Hany
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
NuRuL's
AUTHOR
December 8, 2011 at 3:13 PM delete

Dah lama carik.. thank you ! :D

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
yana
AUTHOR
December 20, 2011 at 5:29 PM delete

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

avatar
lulul eirzhq
AUTHOR
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
lulul eirzhq
AUTHOR
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
syahirah
AUTHOR
December 21, 2011 at 5:58 PM delete

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

avatar
miza kimbum
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
saia One
AUTHOR
January 2, 2012 at 8:48 PM delete

thnks sgt! sayang akk! ^^

avatar
BIL
AUTHOR
January 5, 2012 at 9:29 PM delete

dah jadi!
tenkiu k.lyssa

avatar
Liam Payne
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
Amer Asyraf
AUTHOR
January 16, 2012 at 1:10 AM delete

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

avatar
January 26, 2012 at 11:51 PM delete

thanks kak lysaa ! jdi ! :)

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
Mizz Pinky
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
MiSz fiFiEyQa
AUTHOR
February 25, 2012 at 10:47 PM delete

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

avatar
[ wanni ]
AUTHOR
March 12, 2012 at 12:10 PM delete

thanks lyssa comel, sudah menjadi bloglist akak :)

avatar
Cik Tie@Akak
AUTHOR
March 12, 2012 at 12:43 PM delete

jadi le Lysa..bangga ni..tq

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

hai kak Lyssa.teria kasih for this tutor :)

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

Yup berkesan ya..tq3X are big smile

avatar
AfiZaOthMan
AUTHOR
March 23, 2012 at 2:59 PM delete

tq menjadilah hehe...

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
mutiara hati
AUTHOR
June 7, 2012 at 1:47 PM delete

lyssa ta jd bloglistny

avatar
mutiara hati
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
Rniz Emran
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
hegelatan
AUTHOR
August 10, 2012 at 1:03 PM delete

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

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

Alhamdulilah sudah menjadi

avatar
Nur 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
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
Shaz miraie
AUTHOR
December 23, 2012 at 10:56 AM delete

thanks..dah menjadi.. :)

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

menjadi..thanks lyssa.. =)

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

terima kasih kak,berjaya!

avatar
March 9, 2013 at 8:00 AM delete

salam lyssa akak amik tutorial ni tau, tq

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

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

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

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

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

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

avatar
Norcahaya Ali
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
nur amila
AUTHOR
September 6, 2013 at 9:40 PM delete

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

avatar
February 6, 2014 at 5:36 PM delete

zara jumpa.. thnks ! dah dapat buat ^^

avatar
Syifa Wahab
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
Nur Razlin
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
Aisya Anis
AUTHOR
October 19, 2015 at 9:22 PM delete

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

avatar
JAMIL HASHIM
AUTHOR
February 5, 2016 at 10:54 AM delete

SINGGAH PAGI ~ http://jmbelog.blogspot.my/

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

Google+ Followers