Jan 10, 2011

Tutorial cara membuat scroll box dalam entry



Tutorial kali nie bagi menjawab pertanyaan Cik Yana.Ok kepada yang suka letak gambar bebanyak tue cara nie sangat di galakkan untuk korang guna. Selain untuk mengelakkan post entry korang dari panjang berjela-jela ia juga dapat meringankan blog korang semasa publish entry yang banyak gambar " tapi aku tak buat pun sebab malas , ayat jujur tau :)" Ok jom kita same-same belajar tutorial ini!

Step 1

New post > Lepas korang taip pape entry dan kemudian nak letakkan gambar?


Step 2

Masukkan code ini sebelum korang upload gambar yang pertama

<div style="overflow:auto; height:350px;width:400px;">


Ok korang boleh edit mengikut ketinggian dan lebar mane scrollbox yang korang inginkan. Semasa paste code ini jangan sesekali boldkan tulisan itu.


Step 3

Upload seberapa banyak yang korang nak? Dah upload semua..


Step 4

Masukkan code ini di bawah gambar terakhir

</div>


Ok dah siap sila preview terlebih dahulu untuk langkah berjaga-jaga. Sekiranya ada masalah korang boleh adjust pada height dan width pada step 2 tadi dan sekiranya tiada masalah boleh la SAVE.



*****Selamat mencuba Yana*****

18 comments:

  1. oh tenkiu sooooo damn much sis! muchas gracias! mmuaahh muuaahh...haha..^_^

    ReplyDelete
  2. pakar juga rupanya si amy nih

    ReplyDelete
  3. Nak try la jugak... Thanks for da info... ^_^

    ReplyDelete
  4. ish!! Kagum betul pada orang2 yg mahir IT nie.. mana U belajar semua nie?

    ReplyDelete
  5. rajin amy wat tutorial..
    nor folo tutorial org jer hihih

    ReplyDelete
  6. ni antara sasaran kerja tahunan blog akak..tapi penakut pahit nk buat sb kene edit html...huhu

    ReplyDelete
  7. sis, thanx for sharing..info sgt berguna nie.. :)

    ReplyDelete
  8. Assalamualaikum Amy...

    Terima kasih berkongsi ilmu dengan kita semua di sini

    ReplyDelete
  9. nice.. nti aibaks nak try godek2 html kod tu..

    ReplyDelete
  10. Dah lame cari tutorial niy ! hehe btw,thanks! ;)

    ReplyDelete

Belog KAK AMY Copyright © 2015. Design by MaiGraphikDesign