Tutorial Cantikkan Title Sidebar

sebelum

selepas

Hye...

tutorial nie iema nax tunjukkan macam mane nax cantikkan title sidebar contoh gambar di atas jom follow tutorial nie

 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

h2 {

 di bawah kod toe ade kod lain... korang delete atau copy pada notepad  copy kod nie dan paste betul2 di bawah kod yang di cari 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

h2 { -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 error boleh la korang save... (iema sengaje asingkan kod2 toe... mane yang korang tax nax guna tax perlu ikut tutorial toe.. korang pergi tutorial yang seterusnya k ) selamat mencuba

Tweet