Jom Belajar Edit Template
Sign in Blog
Klik pada template, klik edit html
Ketahui beberapa Script kod dalam Template
margin: adalah ukuran batas pinggir luar dengan border
padding: =ukuran batas pinggir dalam dengan border
background: =latar dari suatu content atau halaman
color: =warna ( warna teks )
font-size: =Ukuran teks / font
font: =Jenis teks
border: =garis batas
width: =lebar
height: =tinggi
float: =keuddukan content
text-align: =kedudukan text text itu
MARGIN
Beberapa contoh kod margin dalam Template
margin: 4px; =batas pinggir sama ada atas bawah ataupun pinggir 4 px
margin-left: 2px; =batas pinggir kiri 2 px
margin-right: 2px; =batas pinggir kanan 2 px
margin-bottom: 2px; =batas pinggir bawah 2 px
margin-top: 2px; =batas pinggir atas 2 px
margin: 3px 0 2px; =batas pinggir atas 3 px,kiri 0 , bawah 2 px
margin: 1px 2px 0 3px;=batas pinggir atas 1px,kanan 2px,bawah 0,kiri 3px
PADDING
Beberapa contoh kod padding dalam Template
pading: 3px; =batas pinggir baik atas bawah atau pun pinggir 3 px
pading-left: 4px; =batas pinggir kiri 4 px
pading-right: 2px; =batas pinggir kanan 2 px
pading-bottom: 2px; =batas pinggir bawah 2 px
pading-top: 2px; =batas pinggir atas 2 px
pading: 3px 0 2px; =batas pinggir atas 3 px,kiri 0 , bawah 2 px
pading: 1px 2px 0 3px;=batas pinggir atas 1px,kanan 2px,bawah 0,kiri 3px
BACKGROUND
Beberapa contoh kod BACKGROUND dalam Template
background-color:#000000; =warna background #ffffff (kod warna hitam)
background:$bgcolor;=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 kod untuk menunjukan kedudukan 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 kod COLOR
color:#000000; warna teks #000000 (kod warna hitam)
color:$textcolor; warna text $textcolor (warna di edit di variable
definitions) biasanya ada di bahagian atas
selamat mengutak atik Template
Berikut adalah warna dan kod kod yang boleh anda pilih
Klik tabel untuk jelas
