Iklan Nuffnang

..................................................................................................

..................................................................................................

Tuesday 15 May 2012

Cara Mudah Letak Scroll Box Pada Posting

SEMOGA APA YANG ADMIN KONGSIKAN BERMANFAAT UNTUK KORANG SEMUA. JIKA ADA KELUAR IKLAN SEMASA MENDOWNLOAD..HARAP KORANG BIAR LOADING SEHINGGA HABIS. BAGI LAH SEDIKIT PENGHARGAAN UNTUK DUNIAKONGSI. TERIMA KASIH JIKA MEMAHAMI (^_^) p/s : SILA LAPORKAN DI RUANGAN KOMEN JIKA TERDAPAT LINK YANG ROSAK

Salam semua. hari ini admin nak berkongsi lagi tutorial mudah dengan korang. kali ini admin akan kongsikan Cara Mudah Letak Scroll Pada Posting. apa kelebihan scroll ini untuk posting?. salah satunya ialah dapat menjimatkan ruangan pada posting. maksud admin ialah ruangan kelihatan pendek walaupun entry korang panjang. sebagai contoh, korang boleh lihat pada gambar diatas dan scroll dibawah

CONTOH TEXT DALAM SCROLL BOX

admin pun suka dengan scroll box ini sebab secara tidak langsung dapat mencantikkan lagi blog. korang pun boleh letak gambar dalam scroll box ni sebenarnya. nanti admin akan tunjukkan cara nak buat. menarik bukan. berminat nak cuba pada blog?. admin akan ajar cara nak buat. cara yang cukup mudah. coding yang digunakan pun ringkas jer. korang ikut jer seperti yang admin ajar tu (^_^)

Korang perlu ada coding ini. tapi ingat, korang perlu edit coding ini melalui "EDIT HTML" bukan melalui "compose".

<div style="height: 60px; overflow: auto; width: 500px;"><b style="color: red;">TEXT KORANG</b></div>

Korang boleh ejas :
TEXT KORANG : ganti dengan text yang korang nak
height & width : ejas mengikut kesesuaian ruangan posting korang
b & </b> : ganti dengan span & </span> jika taknak BOLD
color : tukar mengikut warna kesukaan korang. cuma perlu tukar tulisan. contoh, blue, black dll

CONTOH GAMBAR DALAM SCROLL BOX


Korang perlu ada coding ini. tapi ingat, korang juga perlu edit coding ini melalui "EDIT HTML" bukan melalui "compose".

<div style="height: 300px; overflow: auto; width: 500px;"><div class="separator" style="clear: both; text-align: center;"><a href="IMAGE LOCATION" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="IMAGE LOCATION" /></a></div></div>

Korang boleh ejas :
height & width : ejas saiz scroll box yang sesuai
text-align : left, center & right (kedudukan gambar)
IMAGE LOCATION : ganti dengan image location gambar korang (right click pada gambar dan "copy image location")


Banyak lagi yang korang boleh ejas. pandai2 lah korang godek2 yer. nak gabung coding pun boleh. semoga korang pun berjaya buat yer. ikhlas admin kongsikan. jika ada sebarang komen, cadangan mahupun permintaan sila utarakan disini. terima kasih sebab sudi singgah (^_^)

Suka dengan apa yang admin kongsikan?. sila klik pada button dibawah sebagai tanda sumbangan ikhlas anda untuk duniakongsi.net. hanya sedikit iklan untuk menampung duniakongsi. sumbangan "klik" dari anda sangat admin hargai dengan ucapan terima kasih


0 comments:

Iklan Nuffnang

Share This With Your Friends

 
NAK YANG LEBIH HEBAT?. TENGOK NI..