t u t o r i a l s i t e

Tutorial: Cantikkan Sidebar Tittle

Sunday, July 10, 2011 - 0 comment

SaLam..!! :D

Hari neh yad na buad tutorial lagy. Direquest oleh my sis. Actually lupa link blog dia. So, yad na buad tuto yang telah kawan kawan yad ajar. (: Ty for Husna cause teach me. So, yad pulak ajar korang macam mana na cantikkan sidebar tittle korang. Jum start tuto.

1 Dashboard - Design - EditHTML - Tick expand widget
Yad sarankan korang backup template korang. :) Use ctrl + A, copy all the code and paste it in notepad or dimana mana shj.

Tittle Font

1 Cari code h2 {, then paste code neh dekat bawah h2 {

font-family: jenis FONT anda;

Background at sidebar tittle

1 Choose salah satu.

Untuk letak image background

Cari code neh h2 { and paste semua code dibawah sebelum h2 {

background:url(URL img) repeat;
padding: 0.7em;

#Purple url image korang & hijau keluasan background korang. Makin besar angka, makin luas background

Untuk letak colour background

Cari code neh h2 { and paste semua code dibawah sebelum h2 {

background:url(); background:#ffbbdd;
padding: 0.7em;

#merah warna background korang & hijau keluasan background korang.

Kalau ta jady, korang boleh guna step neh pulak.

1. Gunakan function CTRL + F and cari code neh ]]></b:skin>

2. Paste code dibawah sebelum code tady.

.sidebar h2 {
background:url(); background:#ffbbdd;
border-bottom: 2px solid #A4A4A4;

hijau - warna background

biru - warna underline

oren - solid / dashed / dotted

ungu - ketebalan line

Border

1 Paste code dibawah. Choose 1 shj

Untuk semua border

border: 2px solid #000000;

Untuk satu satu

border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;

Bold: Ketebalan border. Semakin besar angka, semakin tebal border dia.

Colour merah: warna border korang

Rounded Border

1 Paste code neh dibawah h2 {

Untuk Google Chrome

-webkit-border-radius: 5px;

Untuk Mozilla Firefox

-moz-border-radius: 10px;

Untuk satu satu

-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;

Merah tu boleh tukar kepada:

topright / top-right
bottomright / bottom-right
topleft / top-left
bottomleft / bottom-left
or korang just need copy and paste je lengkungan tu. >Click Sini<

Hahaha, kalau ta jady boleh tanya yad lah. :) Pape pun inform lah ye dekat yad. Actually, ianya agak complicated sikit. So kenelah always backup template. Kalau tanak code korang rosak, korang boleh buat satu satu dulu, then baru save. Copy semua code korang and paste dalam notepad, then baru buat yang seterusnya. Jangan buat sekali gus, sebab kalau contoh 1 code tu salah letak, semua sidebar ta jady. --' Yad buat tutorial neh pun pening, buad slow slow and mestilah pandaikan susun susun code sikit sikit. Selamat mencuba and bye!

Labels: Tutorial