Saturday 12 May 2012

Tukarkan Template Ke Washed Denim

Hey.. Hey.. Untuk pengetahuan korang, aku guna Washed Denim. Kenapa? Maybe sebab template ni senang diedit :D Tryla bebeh..

1) Sign in ke blog akan korang. Pergi ke Design > Edit Html. Lepas tu korang scroll saaaaampai ke bawah skali. Bila korang dah scroll, korang akan nampak ada 'Select Layout Template' Klik situ.


2) Then, korang akan dibawak ke satu page baru. Tengok kotak kedua (tengah-tengah) dan carik 'Washed Denim' macam dalam gambar ni:


Selesai pilih 'Washed Denim' klik pulak pada 'Save Template'

3) Klik pada 'Edit Html'. Tekan Ctrl dan F (serentak tau!). Carik kod ni:

body {

dekat bawah kod ni ada kod yang macam ni kan?


 background: $bgColor;
  margin: 0;
  padding: 0px;
  font: x-small Verdana, Arial;
  text-align: center;
  color: $textColor;
  font-size/* */:/**/small;
  font-size: /**/small;
}
jumpa? Buang. Pastekan kod ni kat tempat kod yang dah kena buang tadi:

background: url(URL GAMBAR BACKGROUND);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: #000000;
font-size/* */:/**/small;
font-size: /**/small;
letter-spacing:1px;
}

4) Kalau korang klik 'Previes' korang akan nampak macam ni tau:


Omaigod! Warna putih tu buat korang punya blog nampak buruk tahap cipan la. So, sekarang, jom belajar buang mende tu.

5) Tekan Ctrl dan F. Carik kod ni:
/* Variable definitions
   = = = = = = = = = = = = = = = = = = = =
Carik kad bawah-bawah kod tu, korang akan jumpa pulak kod yang macam ni:


<Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="#ffffff" value="#ffffff">

Buang kod tu lepas tu gantikan pulak dengan kod ni:


<Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="transparent" value="transparent">

6) Dah siap step 5 tadi, pepandai la korang preview sendiri :D

Done bebeh! Sekejap je kan? 

No comments: