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:

yanamib said...

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

ardinihumaira said...

dni suka ada scroll tu :D

Normaliza said...

tengkiu..leh la cuba lepas ni :)

eelobor said...

pakar juga rupanya si amy nih

Anonymous said...

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

Tuan Din said...

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

Z.u.r.a and I.w.a.n said...

thks sharing..

sahromnasrudin said...

tenkiu amy for d info...

noor said...

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

sarah-najwan said...

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

niesz said...

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

Abd Razak said...

Assalamualaikum Amy...

Terima kasih berkongsi ilmu dengan kita semua di sini

aibaks said...

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

Sheherazade said...

salam

another good info :)

BeloG MTT said...

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

Mama Zharfan said...

tq sgt!!1 really works :)

sakiminie said...

knp tk jadi ??

Unknown said...

syukran...

Related Posts Plugin for WordPress, Blogger...

Belog KAK AMY Copyright © 2015. Design by MaiGraphikDesign