TUTORIAL : Background for post titte

WASHED DENIM TEMPLATE

okaii , jom start : firstly korunk kene pergi ke Dashboard > Design > Edit HTML *tick expand widget thenn let we start to put the coding :

click CTRL + F to search this code :

.post-title {

then , copy this code under the .post-title { :

background-color: #FFFEFF;
border-top: 2px solid #B6B6B6;
border-bottom: 2px solid #FFC6C6;
padding: 3px;
}

( contoh gambar post tittle border sahaja )

code di atas nie adalah post tittle macam una :) ade border atas dan bawah saje :) yang ungu adalah background colour dia :) then yang biru tuh border yang atas sekali then yang hijau tuh dia punya border kat bawah :) yang 2 px tuh dia punya ketebalan border tuh , then yang solid tuh korunk boleh lah tukar kepada dashed , dotted or solid . or , korunk boleh jadikan post tittle korunk ada background chomel lote ? korunk copy code nie saje kay ? :

border: 1px dashed #BDBDBD;
background: url(URL IMAGE);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;

( contoh gambar post tittle dengan background )

SIMPLE TEMPLATE

okaii , jom start : firstly korunk kene pergi ke Dashboard > Design > Edit HTML *tick expand widget thenn let we start to put the coding :

click CTRL + F to search this code :

h3.post-title, .comments h4 {

then masukkan coding nie di bawah code di atas !

text-align:center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-bottom: 5px solid #9E92FC;
background : #D5CFFF;

( contoh post tittle for simple template )

hijau : itu untuk bentuk border yang korunk mahu kan , boleh rujuk sini

ungu : ungu tuh yang kat bawah mcm line straught tuh tauu ? untuk colour dia

biru : yang nie pulak untuk background die :) 

nota kecil :

buat elok2 kayy ? tengok coding nya betul2 ? kalau tak jadi jugak just tanya una kayy ? tuto ini bagi yang menggunakan washed denim dan simple template :)