Untuk mudah mengedit template blogger,
anda harus lah memahami kod-kod penting yang seperti yang dibawah...
margin: Menunjukan ukuran batas pinggir luar dengan border
padding: Menunjukan ukuran batas pinggir dalam dengan border
background: Menunjukan latar dari suatu kontent atau halaman
color: Menunjukan warna ( warna teks )
font-size: Ukuran teks / font
font: Jenis teks
border: Menunjukan garis batas
width: Menunjukan lebar
height: Menunjukan tinggi
float: Menunjukan posisi kontent
text-align: Menunjukan posisi text
MARGIN
Beberapa contoh kode margin yang sering muncul
margin: 2px; Menunjukan batas pinggir baik atas bawah ataupun pinggir 2 px
margin-left: 3px; Menunjukan batas pinggir kiri 3 px
margin-right: 2px; Menunjukan batas pinggir kanan 2 px
margin-bottom: 2px;Menunjukan batas pinggir bawah 2 px
margin-top: 2px; Menunjukan batas pinggir atas 2 px
margin: 3px 0 2px; Menunjukan batas pinggir atas 3 px,kiri 0 , bawah 2 px
margin: 1px 2px 0 3px;Menunjukan batas pinggir atas 1px,kanan 2px,bawah 0,kiri 3px
PADDING
Beberapa contoh kode padding yang sering muncul
pading: 2px; Menunjukan batas pinggir baik atas bawah atau pun pinggir 2 px
pading-left: 3px; Menunjukan batas pinggir kiri 3 px
pading-right: 2px; Menunjukan batas pinggir kanan 2 px
pading-bottom: 2px;Menunjukan batas pinggir bawah 2 px
pading-top: 2px; Menunjukan batas pinggir atas 2 px
pading: 3px 0 2px; Menunjukan batas pinggir atas 3 px,kiri 0 , bawah 2 px
pading: 1px 2px 0 3px;Menunjukan batas pinggir atas 1px,kanan 2px,bawah 0,kiri 3px
BACKGROUND
Beberapa contoh kode BACKGROUND yang sering muncul
background-color:#FFFFFF; Menunjukan warna background #ffffff (kode warna putih)
background:$bgcolor; Menunjukan warna background $bgcolor (warna di edit di variable
definitions) biasanya terletak di bagian atas
background: url("http://linkimage") no-repeat left bottom;
Menunjukan background dengan gambar,sebelah bawah kiri
background: url("http://linkimage") no-repeat right bottom;
Menunjukan background dengan gambar,sebelah bawah kanan
background: $bgcolor url("http://linkimage") no-repeat right bottom;
Menunjukan background dengan gambar,sebelah bawah kanan dengan
warna background $bgcolor
Untuk lebih ringkas kode untuk menunjukan posisi gambar:
no-repeat left bottom; sebelah kiri bawah
no-repeat right bottom; sebelah kanan bawah
no-repeat right top; sebelah kanan atas
no-repeat left top; sebelah kiri atas
repeat-x; left top; akan mengisi dari sebelah atas kiri ke kanan (Vertical)
repeat-y; left top; akan mengisi dari sebelah atas kiri ke kanan
(horizontal)
COLOR
Beberapa contoh kode COLOR yang sering muncul
color:#000000; warna teks #000000 (kode warna hitam)
color:$textcolor; warna text $textcolor (warna di edit di variable
definitions) biasanya terletak di bagian atas.
Kod-kod Html dalam edit website lebih kurang Html Blog jugak lahh...(rase2 mcm same) tp xtow la btol x...
14 May 2010
Subscribe to:
Post Comments (Atom)
1 Suntikkan Semangat:
yup, mmg same.. great tips & useful entry!!
(^_^)
Post a Comment