Edit template blogger (new blogger)

Edit template blogger (new blogger)
Disini saya ingin memberikan cara mengedit template blogger untuk new blogger, sebenarnya masalah template blogger saya tidak begitu mengerti banget,tapi saya akan menjelaskan beberapa cara mengedit template blogger.

pertama masuk ke blogger dengan account anda
Klik pada template, klik edit html

sebelumnya kita harus mrngetahui beberapa kode yang sering digunakan dalam membuat template:

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

Dah dulu nulisnya, nanti diterusin lagi...........