TUTORIAL 38 : Centerkan Header Blog

Design > Template Designer > Advanced (on left) > Add CSS (bottom of Advanced list).

Didalam kotak Add custom CSS, just tambahkan code HTML seperti dibawah ni :

 #header-inner img {
margin-left: auto;
margin-right: auto;
}

then,save. :))

TUTORIAL 37 : Tukar dan Letak Border pada Post

Steps :

• Pergi ke DASHBOARD > DESIGN > EDIT HTML

• Cari code dibawah nie dan untuk memudahkan pencarian, korang boleh tekan Ctrl + F dan paste coding ini untuk search ye.

.main-inner .column-center-inner {

• Bila dah jumpe code diatas nie, korang tambahkan code dibawah nie pulak untuk tambahkan border

border:5px solid #000000;

• Dan coding korang akan jadi mcmkat bawah nie :-

.main-inner .column-center-inner {

padding: 0 $(main.padding);

border:5px solid #000000;

}

• Explanation :-

1. 5px = Code ini untuk nilai ketebalan border.
2. solid = Ini code untuk jenis border. Korang boleh tukar kepada dashed atau dotted...
3. #000000 = Ini untuk warna border korang. Kod warna tue boleh tukar ikut kesukaan masing-masing ye.

Bila dah siap, korang tekan button preview dulu tengok ada error ke tak ye. Kalau nampak semua ok, baru save. Dan dah siap.

TUTORIAL 36 : Tukar Warna Background Sidebar

Steps!

1. Open Design tab then Edit HTML tab.
2. Find the following code:
   
   /* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#66bbdd"/>
3. Paste the following right below the step 2 code:
   
   <Group description="Sidebar Background" selector="body">
<Variable name="sidebar.bgl.color" description="Left Sidebar BG Color" type="color" default="#DCDCDC" value="#DCDCDC"/>
<Variable name="sidebar.bgr.color" description="Right Sidebar BG Color" type="color" default="#666666" value="#666666"/>
</Group>
4. The result of step 2 and step 3 codes will look like this:
   
   /* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#66bbdd"/>

<Group description="Sidebar Background" selector="body">
<Variable name="sidebar.bgl.color" description="Left Sidebar BG Color" type="color" default="#DCDCDC" value="#DCDCDC"/>
<Variable name="sidebar.bgr.color" description="Right Sidebar BG Color" type="color" default="#666666" value="#666666"/>
</Group>
   
5. After that, find ]]></b:skin> and paste the following code just before it:
   
   .column-left-inner, column-left-outer { background: $(sidebar.bgl.color); }
.column-right-inner, column-right-outer { background: $(sidebar.bgr.color); }
   
6. Preview and Save your template.
7. Open Template Designer & go to the 'Advanced' tab. You'll see the first option as 'Sidebar Background'. Open it and configure the color of right or left sidebar backgrounds!

TUTORIAL 35 : Tukar Warna Background Footer

Cara-Cara :-

• Design > Template Designer > Advanced (on left) > Add CSS (bottom of Advanced list).

Didalam kotak Add custom CSS, korang tambahkan code HTML seperti dibawah nie dan lihat perubahan pada warna background footer korang :

.footer-inner {
  background: #ffff66 none;
}

• Code yang bewarna merah ialah code HTML untuk warna yang korang pilih. Code warna nie korang boleh edit dan tukar dengan code warna yang korang semua suka dan sesuai dengan blog masing-masing. Untuk mendapatkan code warna html untuk warna-warna yang lain, korang boleh dapatkan disini ye.

Pastikan korang semua preview dulu tengok ada error ke tak ye. Kalau nampak semua ok, baru save. Dan dah siap.