tutorial - Border at post tittle

Assalamualaikum! kali ni ain nak bagi banyak code @.@ So korang maybe keliru kan? So sebelum buat semua ni, ain rase baik korang BACKUP TEMPLATE korang dulu eh. Takut terjadi masalah. Hoho :O
1. Dashboard - Design - Edit Html - tick Expand Widget Template
2. Find this:
Simple template and other : h3.post-title, .comments h4 { or h3.post-title { or h3.post-title, h4 {Denim template : .post-title {Minima template : .post h3 {

3. Kalau bawah code tu ada code yang sama atau lebih kurang sama macam kat bawah ni, TOLONG DELETE.

FOR SIMPLE TEMPLATE.

FOR DENIM TEMPLATE.

4. Now, korang boleh pilih bentuk border yang korang nak. Then, pastekan code border tu kat BAWAH code simple template atau denim atau minima.

JENIS SIMPLE

font-family:arial;
color: #000000;
font-size:14px;
text-align:center;
-moz-border-radius: 35px;
border-radius: 35px;

text-shadow: 3px 3px 3px #FFFFFF;
border: 2px solid #000000;
background : #FFFFFF;
padding: 5px; margin: 20px;

Warna-warna: 

Bold : Korang boleh tukar ikut suka hati korang :)
biru : Type border yang korang nak. Boleh click SINI. Copy je code border tu dan gantikan dengan code border yang Ain bagi tu.
merah : Yang ni code warna untuk mengshadowkan post tittle tu. Kalau taknak, boleh buang je code tu:)
hijau : Size ketebalan border.
biru cair : Boleh pilih antara satu, solid / dashed / dotted.
unggu : Warna border korang. Yang Ain letak tu semua warna putih, so korang kena tukar sendiri, hehe.
pink : Warna background.
oren : Kalau nak kecil atau besarkan border, adjust kat number tu. Makin besar number, makin besarlah border korang.
*Kalau taknak border, buang code ni : 'border: 2px solid #FFFFFF;'.

SEMUA CODE WARNA BOLEH CARI KAT SINI.

JENIS DOUBLE COLOUR

font-family:arial;
color: #000000;
font-size:14px;
text-align:center;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
text-shadow: 3px 3px 3px #FFFFFF;
border-bottom: 8px solid #000000;
background : #D8D8D8;
padding: 3px; margin: 20px ;

Warna-warna:

Arahannya pun sama macam kat atas, cuma code 'border-bottom: 8px solid #FFFFFF;' je :

hijau : Ketebalan border bawah tu. Boleh tukar :)

biru : Just choose one. Can change into solid / dashed / dotted.

unggu : Warna border bawah tu. Boleh ditukar juga. Cari kat SINI.

JENIS BACKGROUND

font-family:arial;
color: #000000;
font-size:14px;
text-align:center;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em; 

text-shadow: 3px 3px 3px #FFFFFF;

border: 2px solid #000000;

background : url(URL BACKGROUND);

padding: 5px; margin: 20px ;

NOTES :

Arahan masih sama seperti di atas, korang cuma masukkan URL BACKROUND yang korang nak je.

*Kalau taknak border, buang code ni : border: 2px solid #FFFFFF;.

LAST WORD, Ini tutorial kredit to Amalina. Hehe. Dia sangat bersungguh2 buat ni :) semoga berjaya!

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---