Tutorial 64 : Scroll Box untuk Blog List

Sunday, July 17, 2011
Assalamualaikum semua..
Dikesempatan ini nak buat tutorial untuk korang..akmalkumlah tengah free nanti bila dah jadi student maybe busy dan kena fokus 100% pada study.. ( semangat ni )

Aku nak ajar korang macam mana nak buat scroll box untuk blog list supaya nampak lagi kemas dan tersusun blog korang. Contohnya macam di belog hamster aku ni :

 


Mesti korang rasa nak buat kan..
Sebelum korang buat tutorial ini pastikan korang dan letakkan widget untuk bloglist. Kalau korang masih baru sila tengok tutorial CARA MEMBUAT BLOG LIST.

1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates
2. Then, korang kena cari tajuk blog list korang (bergantung pada tajuk blog list masing-masing ), contoh untuk tutorial ini adalah:

My Blog List
3. Kalau dah jumpa tajuk blog list korang, korang akan jumpa code di bawah berhampiran tajuk blog list korang.

<div class='widget-content'>
sebab aku ni baik hati :) aku bagi contoh gambar untuk korang lebih faham..


Bila korang dah jumpa code :


<div class='widget-content'>

seperti gambar di atas, korang replace/tukarkan dengan code di bawah :


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

4. Sekarang dah siap!..so preview, kalau menjadi silalah SAVE

p/s : Ada tutorial lagi dalam draft kena print screen bagai sebelum publish! Komenlah kalau tak faham..
Labels:
SHARE:

31 comments

  1. ReanJuly 26, 2011 at 5:02 PM

    thanks! :)

    ReplyDelete
  2. NurfarahJuly 26, 2011 at 5:13 PM

    @iMBobo

    nnt masukkan sy dlm bloglist hehehe :)

    ReplyDelete
  3. ReanJuly 30, 2011 at 4:37 PM

    okeh dah masukkan dlm sempoi! :)

    ReplyDelete
  4. IgnoranceJuly 31, 2011 at 7:08 PM

    x menjadi arr...huhu.. :(

    ReplyDelete
  5. NurfarahJuly 31, 2011 at 7:48 PM

    @iMBobo

    thank you :)

    ReplyDelete
  6. NurfarahJuly 31, 2011 at 7:48 PM

    @Mia Mandy

    buat betul2..try again sebab ini memang code dia..maybe tersalah coding atau wrong title??

    ReplyDelete
  7. PinkbubblegumprincessAugust 5, 2011 at 11:14 PM

    thanks...tengah mencantikkan blog huhuhu,,T.T

    ReplyDelete
  8. UnknownAugust 8, 2011 at 8:15 AM

    terima kasih ...wee..cuba yang terbaik...

    ReplyDelete
  9. Soul SeekerAugust 21, 2011 at 11:39 AM

    thanks cik farah. selama ni cikpija buat tak penah jadi. ikut tutor cik farah terus jadi. ^_^

    ReplyDelete
  10. Syazwina SamsudinSeptember 22, 2011 at 3:51 PM

    terimakasih kak farah bagi tunjuk ajar mcm mane nk cntik kn blog C:

    ReplyDelete
  11. mieyra aryaniNovember 8, 2011 at 8:16 AM

    cik farah , bole tanye ta ? mcm mne nk buad blog list ? tapi , nk die punye scroll box jee . mcm mne ? ad ta dkt dalam tuto cik farah nie . ? klu ad , tunjukkamn yang mane ?

    ReplyDelete
  12. NurfarahNovember 8, 2011 at 4:25 PM

    @mieyra aryani

    inilah tutorialnya dear. Good luck!

    ReplyDelete
  13. Nurlina KhalidahNovember 24, 2011 at 9:01 PM

    Kak, thanks for the tuto okay! By the way, boleh tak kalau kita nak tambahkan border sekeliling scrollbox tu?

    ReplyDelete
  14. Pink LavenderDecember 3, 2011 at 10:44 AM

    thanks cik nurfarah...

    berjaya akhirnya makneng buat...sgt hepi!!!

    ReplyDelete
  15. UnknownDecember 4, 2011 at 6:17 PM

    kak farah, kite guna simple templete..
    so mcm mana nk buat blog list scroll??
    sbb guna tutor akak ni x jd la..

    ReplyDelete
  16. SuzumeMarch 26, 2012 at 2:01 PM

    Terima kasih daun keladi, lain kali saya datang lagi ! hehehe :D thx a lot kak farah !

    ReplyDelete
  17. Nurul@km@lNovember 19, 2012 at 12:13 PM

    tq. :)

    ReplyDelete
  18. J U N ADecember 26, 2012 at 1:34 PM

    @♥Cik Nurfarah♥

    farah ..kalau template blogger saya bukan ori BLOGGER memang susah nak expand widget ke??asyik tak jadi jer..rasa macam dah betul dah buat

    ReplyDelete
  19. UnknownJanuary 15, 2013 at 5:12 PM

    thanks kak farah..alhamdulillah jadi :D

    ReplyDelete
  20. Ms.FynaJanuary 23, 2013 at 12:17 AM

    Tenkiu Farah.. loiikeee..

    ReplyDelete
  21. UnknownJune 22, 2013 at 7:01 PM

    terima kasih ye =)

    ReplyDelete
  22. KakaJune 23, 2013 at 10:41 PM

    terima kasih ya.

    ReplyDelete
  23. UnknownAugust 6, 2013 at 1:28 AM

    Thanks kak :)

    ReplyDelete
  24. NurulhidayahJanuary 15, 2014 at 11:08 AM

    Thanks a lot :)

    ReplyDelete
  25. Siti ShariniAugust 13, 2014 at 3:48 PM

    salam..
    thanks=)

    ReplyDelete
  26. Cik AshFebruary 9, 2015 at 3:12 PM

    salam farah akak dah try buat tapi tak jadi pun...

    ReplyDelete
  27. EtuzaSeptember 29, 2015 at 2:53 PM

    http://madey09.blogspot.com/ salam done follw blog anda..follow me back..
    terima kasih sediakan banyak panduan blog ya

    ReplyDelete
  28. BUTIKBABY2UApril 14, 2016 at 3:21 PM

    Alhamdulillah jadi...

    ReplyDelete
  29. Dhia Farzanna HaizarDecember 10, 2016 at 8:43 PM

    Assalamualaikum sis,thanks for all tutorial! i love it:) saya letak blog sis dalam senarai blog yang saya suka.Thanks! :D

    ReplyDelete
  30. AinulZaidi97July 12, 2019 at 2:03 PM

    Assalamualaikum, hai nak tanya. Boleh ke nak buat drop-down menu untuk blog list. Kalau boleh ajarkan? Atau dah ada tuto pasal ni?

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Home
Subscribe to: Post Comments (Atom)

Related Posts
© Blog Cik Nurfarah
Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH