

Dari ilustrasi di atas, dapat terlihat bagian-bagian yang ada pada masing-masing halaman blog kamu..
- Content dapat berupa bagian isi dari halaman kamu;
- Padding merupakan jarak yang memisahkan bagian isi dengan border atau bagian isi tanpa border dengan margin-nya.
- Border merupakan garis pinggir yang sering digunakan untuk membingkai bagian isi tersebut;
- Margin merupakan bagian terluar atau yang memisahkan padding dengan halaman.
- pt : point (1 pt = 1/72 inch)
- px : pixel (merupakan ukuran terkecil pada monitor)
- % : persen (dalam bentuk persentase)
- em : atau ems (merupakan ukuran font pada elemen)
Ada juga sih satuan lain seperti in (inchi), cm, mm, pc, ex, tapi ukuran tersebut jarang saya gunakan sebab semakin banyak satuan ukuran yang digunakan akan semakin pusing kita mengatur halaman kita... hehehe..

Dalam mengatur/meng-edit padding, border, dan margin-nya, kita dapat menggunakan satuannya tersebut seperti berikut ni contohnya....
Pada pengaturan di atas, urutan angkanya dimulai dari atas, kanan, bawah dan kiri. Atau jika pusing dalam menggunakannya, kamu cukup menggunakan padding-(top/right/left/bottom)..
contohnya,,padding-top: 5px (ini berarti jarak antara bagian isi dengan marginnya sebesar 5 pixel)..
Aturan di atas dapat juga kamu gunakan pada border ataupun margin, namun khusus pada bagian border, aturan seperti itu jarang saya gunakan sebab pasti lucu kalo bingkainya besar kecil sebelah.. hwahwa
...
Untuk bagian border, biasanya digunakan aturan seperti ini contohnya...
hasilnya jadi seperti ini...Artinya kayak gini nich : "hai border, aku pengen kamu berukuran 2 pixel, bentuknya solid/ga putus-putus dan warnanya biru(#362df4)...
Isi content kamu
Selain bentuk solid, kamu juga bisa menggunakan kata dotted, dashed, groove, ridge, inset, outset, dll... (jadi inget waktu bikin friendster nich...!!! )
Pengen tau bentuk lainnya seperti apa?? praktekin langsung dunkz biar ngerti n paham.... Selamat berkreasi ya....
Pengen tau bentuk lainnya seperti apa?? praktekin langsung dunkz biar ngerti n paham.... Selamat berkreasi ya....



Wah thanks gan info nya :)
ReplyDeletewah mantap banget :D
ReplyDeletesedang memperdalam ilmu soal script.... nice postingan
ReplyDeleteThanks mastah :D
ReplyDeleteagak bingung,, tapi saya mau coba.
ReplyDeletekadang suka bingung antara padding sama margin waktu nulis kode css.
ReplyDeleteaduh ... mau buat menu dan sub menu gan?
ReplyDeletebutuh pencerahan nieh
Makasi gan.. nambah ilmu nih..
ReplyDeleteHotlink has been deleted.
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
653
Hotlink has been deleted.
ReplyDeleteHotlink has been deleted.
XOOTGA
Hotlink has been deleted.
ReplyDeleteHotlink has been deleted.
LQWNİF
Hotlink has been deleted.
ReplyDeleteHotlink has been deleted.
UKO
Hotlink has been deleted.
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
ADN1PQ
Hotlink has been deleted.
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
OCPMT
Hotlink has been deleted.
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
T6T
Hotlink has been deleted.
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
BG8
7A829
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
DE0FB
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
D920D
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
FB82A
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
3F9FF
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
DFF43
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
902A0
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
177A6
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
2BD5D
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
1577E
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
68C52
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted.
Hotlink has been deleted. RkGHfLoGyK
ReplyDeleteHotlink has been deleted. Be6YxVDjOS
ReplyDeleteQzZMgZTX3w
ReplyDeleteHotlink has been deleted. OvCqDPflmu
ReplyDeleteHotlink has been deleted. m5wr8atDWB
ReplyDeleteHotlink has been deleted. 8tBHov0z5F
ReplyDelete3A95284D7E
ReplyDeleteHotlink has been deleted.
Hotlink has been deleted. N0vOtnawtD
ReplyDeleteHotlink has been deleted. MjMsL0q8g4
ReplyDelete