photo anigifIKAN_zps025507c6.gif

Tutorial scroll box untuk blog archive

Assalamualaikum..
Sebelum ni saya tak letak blog archive saya kat atas sebab terlalu berjela-jela.Blog archive membolehkan pembaca baru kita mencari entry yang lama dan semestinya kena letak kat atas.Tapi kalau kita bloggers lama atau yang selalu update entry,mestilah tajuknya jauh ke bawah.So nampak agak tak cantik.
Penyelesaiannya buat scroll box.Contoh saya punya:
Nak buat pun senang ok.Seperti biasa,bukak Dashboard-Design-Edit HTML-tick Expand Widget Templates.Sebelum edit apa-apa,backup dulu templat.Dengan CTRL+F,cari code ini,
<div id='ArchiveList'>
Bila dah jumpa(tengok gambar,code tadi yang warna kuning),code tu jangan sentuh ok.Nampak tak code yang dalam kotak merah tu?Code dalam kotak merah tu,padam dan tukarkan dengan code ini:
<div class='widget-content' style='overflow:auto; height:200px'>
Tukar 200px tu dengan tinggi yang kita nak.Dah letak semua code bolehlah di Preview dulu dan Save sambil sengih sebab dah jadi.Sekarang bolehlah letak blog archive kat atas..
Cikgu yang ajar,SINI tapi saya edit sesuka hati supaya mudah untuk saya faham.Babai..
posted by
Labels:

16 ulasan:

  1. ----- -----5 Julai 2011 pada 12:31 PTG

    owh mcm nie...thanks

    BalasPadam
  2. MaSLiNa5 Julai 2011 pada 1:57 PTG

    Thanks for sharing this... mmg dah lama nak cari tutorial psl ni.. akhirnya... tak sabar2 nak try kalo ada masa nanti.. thanks ye :D

    BalasPadam
  3. Azzah5 Julai 2011 pada 3:16 PTG

    @----- -----:sama-sama

    BalasPadam
  4. Azzah5 Julai 2011 pada 3:16 PTG

    @MaSLiNa:cuba tau

    BalasPadam
  5. Nur Hawa Mohd Zin5 Julai 2011 pada 5:27 PTG

    terima kasih sangat kak...awe mmg cari tutorial ni..sebab ada blogger bagitau dia nak bace entry2 lama tapi tak da tahun susah...so nak buat macam ni memudahkan :)

    tq kak

    BalasPadam
  6. Azzah5 Julai 2011 pada 5:31 PTG

    @Nur Hawa Mohd Zinaah,buat macam ni senang.nak letak kat sidebar pun tak panjang

    BalasPadam
  7. Fasihah Supian6 Julai 2011 pada 7:54 PG

    yeahh terima kasih!!

    eh datang gegar sini, morning :)

    BalasPadam
  8. ✿ Cik Nisa ✿7 Julai 2011 pada 9:37 PTG

    alhmdllh dah jadi . mekasih yea :)

    BalasPadam
  9. Azzah7 Julai 2011 pada 9:44 PTG

    @FasiHaH SupiaN:sama-sama dear

    BalasPadam
  10. Azzah7 Julai 2011 pada 9:45 PTG

    @My Blogger:sama-sama dear..

    BalasPadam
  11. Tanpa Nama12 Julai 2011 pada 9:21 PTG

    tq komen blog ari tu..
    sy dah wat blog archieve tu ..
    tp mcm xjd jer..

    BalasPadam
  12. Azzah12 Julai 2011 pada 9:30 PTG

    @Haslinda Ariffin;mungkin ada tertinggal code jugak.ikut semua code yang saya bagi

    BalasPadam
  13. Dhiya Fariza13 Julai 2011 pada 8:29 PTG

    thank u so much for the tutorial. it helps me alot!:)

    BalasPadam
  14. Cik Bahgia a.k.a Zet23 Julai 2011 pada 11:14 PG

    kak, tak jumpe pun code tu bila carik... cam mne nak edit .. ke sy nye jenis lain?.. byk yg xleh buat.. sob3...

    BalasPadam
  15. Azzah23 Julai 2011 pada 11:35 PG

    @Cik Bahgia a.k.a Zetkalau tak dapat cari BLOG ARCHIVE,try cari NAMA blog archive awak ye..

    BalasPadam
  16. aena jamil.10 Ogos 2011 pada 2:09 PTG

    yeay.! its done. thanks :D

    BalasPadam

terimakasih sudi komen.azzah lagi berterimakasih jika tiada spam/link biru di sini..:)

Langgan: Catat Ulasan (Atom)
 
Design With Love By Nabila Medan. All Right Reserved To Me.