Sunday, August 28, 2011

Tutorial: Scroll box untuk blog archive


Assalamualaikum w.b.t...

hai bloggers semua.. tuto ni saje je ieyza buat. maybe ramai yang dah tahu kan. sebab dah banyak tuto ni sana sini . kan ? kan ? hek hek .. tapi kepada sesiapa yang tak tahu tu bole cuba tuto ni okea. ^_^ Tutorial untuk buat blog archive punya scroll box. so kepada sesiapa yang rajin update blog tu. buat la tuto nie. supaya blog korang tak nampak serabut sangat..

then, bole menjimat kan ruang dalam blog korang tu. tak da la berderet-deret sampai ke bawah kan. so apa lagi. buat la scroll box untuk blog archive korang k. hee.. 


step :

dashboard > design > edit html > tick expand widget templates

search code nie , tekan Ctrl + F je untuk memudahkan pencarian
<div id='ArchiveList'>
dah jumpe ? ok copy code kat bawah nie. then paste kat atas code yang korang jumpa tadi..
<div style='overflow:auto; width:ancho; height:250px;'>
lepas tu search code ni pulak. tekan Ctrl+ F k.
<b:include name='quickedit'/>
dah jumpe, copy code kat bawah nie and paste kat bawah code yang jumpa tadi..
</div>
yang warna purple tu korang bole ubah.mengikut kesukaan. 
dah siap.. cuba preview oke ?
tengak kan dah kemas blog archive korang tak da la nampak serabut sangat. panjang berjela-jela sampai ke bawah. hee ^^ 

sila coment bila dah guna tuto nie k, and kalau tak jadi pun gitau ieyza ye.. ^_^
Photobucket
pada

16 comments:

  1. pikaAugust 28, 2011 at 8:42 PM

    thanks for this tutorial dear . appreaciate it !

    ReplyDelete
  2. Just Mini LoveAugust 28, 2011 at 8:48 PM

    @pika


    welcome pika.. :)

    ReplyDelete
  3. HSeptember 17, 2011 at 1:05 PM

    xde pun pkataan 2?

    ReplyDelete
  4. Just Mini LoveSeptember 17, 2011 at 3:01 PM

    @L0LlYp0Pz gUrLz

    perkataan mane yg xda dear ??

    ReplyDelete
  5. HSeptember 25, 2011 at 1:08 PM

    @ieyza afieyna perkataan id='ArchiveList'>

    ReplyDelete
  6. Just Mini LoveSeptember 25, 2011 at 7:49 PM

    @L0LlYp0Pz gUrLz

    yeke.. cube try cari ArchiveList je.. ade x?

    ReplyDelete
  7. syahirahOctober 17, 2011 at 4:46 PM

    thank you for the tuto :)

    ReplyDelete
  8. Just Mini LoveOctober 17, 2011 at 9:22 PM

    @κƨʏαρσρ

    welcomw.. ;)

    ReplyDelete
  9. UnknownNovember 3, 2011 at 12:38 PM

    salam, awk.. kte buat jadi pun wk. :((

    ReplyDelete
  10. Just Mini LoveNovember 3, 2011 at 4:01 PM

    @NURULSYAZWANI BINTI ROSLI

    xjadi ke dear ? mungkin ade coding yg salah. cube lagi yee..

    ReplyDelete
  11. perkongsianMarch 17, 2012 at 8:48 AM

    thanks :-)

    ReplyDelete
  12. damak21March 18, 2012 at 5:26 PM

    Thanks erkk dah menjadi.. Snenang nak faham dan ringkas tuto awk ni :-)

    ReplyDelete
  13. UnknownMarch 26, 2012 at 5:58 PM

    dik jadik thanks ^_^

    ReplyDelete
  14. Musyirah :)January 7, 2013 at 11:03 AM

    AKAK comelll :D dah lama saya cari , akhirnya ! jumpa jugakkk. terima kasih akak ;D

    ReplyDelete
  15. Just Mini LoveJanuary 7, 2013 at 8:46 PM

    @Musyirah :)

    welcome dear :)

    ReplyDelete
  16. •❤•Insan KerdiL•❤•February 26, 2013 at 1:32 AM

    tQ so much♥(｡◕‿◕｡)

    ReplyDelete

Terima kasih sudi komen :)
kerana 1 komen amat bernilai dan
mampu buat ieyza tersenyum ^_^