Tukar Kepada Denim Template

Tutor nie akak Yasmin ajar , :)

Saje je ... blog pertama tue nak tukar jadi Denim Template pulak

Blogskin nie susah siket nak carik kode² die ...

Kalau nak buat ... ikut bawah... template nie best la jugak ... boleh design² 

kan² -.-

Step 

 Design --> Edit Html

Tengok kat bawah² ade tak macam nie

Tick tue

Pastu tick Denim

Pastu SAVE laa.. & cer preview siked ... muahaha

Bawak bertenang...nanti cantik la tue

Oke pastuu tekan Edit Html balik ..

Nak buang bende biru yang menyemak + menyebok tue .. tak nak buang memang korang tak de taste

Gurau je ... oke korang tekan f3 kat keyboard atau tekan Ctrl+f, carik kode nie

/* Variable definitions

Kat bawah2 tue cer carik kod cam nie :

<Variable name="headerBgColor" description="Page Header Background Color"

           type="color" default="#336699" value="#336699">

 <Variable name="headerTextColor" description="Page Header Text Color"

           type="color" default="#ffffff" value="#ffffff"> 

 <Variable name="headerCornersColor" description="Page Header Corners Color"

           type="color" default="#528bc5" value="#528bc5">

Kite punye macam dalam gambar

Carik betul2 tau .. jangan silap delete suda le..

Gantikan dengan kod nie :

<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="#ffffff" value="#ffffff">

 <Variable name="headerCornersColor" description="Page Header Corners Color"

           type="color" default="transparent" value="transparent">

Save .. tengok2 die dah menyorok & ghaib dah : p

Hihi . oke . pastu tengok pulak colour link korang .

Warna biru jugak kan .. 

 lawa ke ? : ( nak tukar ikut nie :

Carik kode =>

a:link {

 Kalau dah jumpa , bawah a:link { tue ade kode macam nie kan

color: $linkColor;

Oke , warne oren tu padam & ubah jadi kode warna, contoh;

color: #ffffff; 

 Cer preview, kalau jadi save

Lagi satu yang adik-beradik a:link { pulak

Carik kode nie :

a:visited {

Bawah tue ade kode cam nie kan

color: $linkColor; 

Sama macam tadi, yang wane oren tue ubah dengan kode warna

Preview & Save  

Yang nie for border gambar

Kalau korang ade masukkan gambar pape je la kan..

Ade border kan .. menyemak laa...

Ikut bawah :

Carik kode nie :

.post img, table.tr-caption-container {

Kalau dah jumpe, kat bawah tue ade kode nie kan :

padding: 4px;

  border: 1px solid $borderColor; 

P/s : Warna merah yang nombor 1 tue tukar ke 0 oke !

Preview, kalau jadi save la..

Nanti kite buat yang header die pulak oke

Tapi korang kena download dulu Photoscape & Gimp 2.0 dulu

Nanti senang la nak design nye

Baii.. Assalammualaikum