Tutorial Cantikkan Title Post

sebelum

 selepas

hye...

sebelum nie iema ade buat tutorial untuk title sidebar kan

tutorial nie pulax untuk title post

 P/S : nax copy, highlight dan guna ctrl + c

Untuk Bentuk Border

 Dashboard -> Template -> Edit HTML -> tick Expand Widget Templates

 ctrl + f, cari kod nie

.post {

 dibawah dia ade kod lain2 kan.. tax perlu delete k

 dah jumpa, copy dan paste kod nie di bawah kod yang dicari tadi

-moz-border-radius: 2em 2em 2em 2em;

border-radius: 2em 2em 2em 2em;

* kalau nax bentuk border lain ke SINI

Untuk Shadow Keliling Border  copy dan paste kod nie dibawah kod bentuk border tadi

-moz-box-shadow: 0 0 3px 3px #DB944D;

-webkit-box-shadow: 0 0 3px 3px #DB944D;

box-shadow: 0 0 3px 3px #F5E0CC;

* 3px = korang ubah untuk ketebalan shadow * #DB944D = korang ubah color shadow * #F5E0CC = korang ubah color border
Untuk Centerkan Title Sidebar  copy dan paste kod nie di bawah kod shadow keliling border

text-align:center;

Untuk Background

 copy dan paste kod nie dibawah kod centerkan title sidebar tadi

border:2px solid #F5E0CC;

background:url('URL BACKGROUND')center;

*2px = ubah ketebalan border
* solid = korang boleh ubah jenis garis border kat SINI *#F5E0CC = korang ubah color untuk sekeliling background *url background = ubah background yang nax digunakan  keseluruhannye akan jadi macam nie

.post {

-moz-border-radius: 2em 2em 2em 2em; border-radius: 2em 2em 2em 2em;

-moz-box-shadow: 0 0 3px 3px #DB944D;

-webkit-box-shadow: 0 0 3px 3px #DB944D;

box-shadow: 0 0 3px 3px #F5E0CC;

text-align:center;

border:2px solid #F5E0CC;

background:url('URL BACKGROUND')center;

}

dah siap, preview dulu kalau tax ade pape error, boleh save selamat mencuba

Tweet