#Third tutorial, Background Sidebar Tittle.

Assalamualaikum. HAI KORANGGGG. :)

Harini kita rajin nak buat post manyak manyak kan, jadi harini pun kita rajin nak buat tutorial sebab Hasya tanya macamana nak bagi Sidebar Tittle tu ade kotak dan ade background belakang dia. Sape2 yang dah lama tak tahu camane nak buat, ha! Boleh lah belajar. Hope berguna kayy.

Untuk sape2 yang belum tahu ape tu Sidebar Tittle, korang boleh tengok gambar atas nihh. Kalau tak jelas, boleh tekan eh? Sorry ah, kita tak reti nak bulatkan sebab pakai picnik je. Hohoho. So, jom mula. :)

1. Sign in. (macam biasa)
2. Design.
3. Edit HTML.
4. Cari kod h2 { (tekan ctrl+F untuk senang cari)
5. Dah jumpa? Okay, sekarang gantikan kod yang dekat bawah h2 { tu korang buang semua. Pastikan jangan ah buang sampai ke bawah. Korang just buang yang ade dalam bahagian h2 { tu je. Paham kan? :)
6. Dah buang tu, gantikan dengan kod ni:

margin:1.5em 0 .75em;

text-align: center;

font-size:95%;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color;#000000;

-moz-border-radius: 40px 10px;

border-radius: 40px 10px;

background:url('URL Gambar')

}

Ok dah? Good. :) Yang URL Gambar dengan #000000 tu korang boleh tukar dengan apa yang korang nak. URL gambar boleh cari dekat sini. (TEKAN SINI) Untuk kod warna boleh cari kat sini. (TEKAN SINI).

UPDATE!!!

Kalau dalam Edit HTML korang tu banyak sangat kod h2 { and korang tak jumpa cari. Kayy, cuba cari kod ni --> /* Headings

Kalau dah jumpa kod tu, kat bawah kod tu ada kod h2 {. HA! Edit ah kat situ. :)

Lepastu korang tekan Preview dulu! Tengok jadi ke tak, kalau dah jadi...tekan lah Save Template. YEY! Dah siap pun. :)

Kalau korang tak paham boleh tanya dekat tempat komen bawah tuuuuuu. Kalau ade masalah or pape, Nada cuba tolong ah kalau boleh. Tutorial ni credit untuk Mania. Thanks dek. :>

Hope berguna kayy? Babai.

#muchlove