Ketahui tentang template blog
Edit template blogger (new blogger)
Jom Belajar Edit
Sign in Blog
Klik pada template, klik edit html
Lihat beberapa Script kod dalam
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) selalunya ada di bahagian atas
selamat mengutak atik Template
Berikut adalah warna dan kod kod yang boleh anda pilih
Klik tabel untuk jelas
No comments:
Post a Comment