6teen

21 January 201215:58

Hello, harinii saya nak buat tutorial. nampak takk post tittle saya tu ? cuba halakan cursor kat situ. okaii keluar icon pensel kan ? yg tu lah saya nak buat tutorial sekarang. dulu buat icon gerak gerak like blockquote, now yg macam sekarang :] sokayyy. actually, Zureen yg mintak. thans zureen :) lawaa blog dia awww. okaii dah dah jom start.

1) Darshboard --> Design -->Page element --> Edit Html.

2) Search code -

.post-title {

3) jumpa ? good. then, copy code di bawah niii :

text-align:center;
border-radius: 0.5em 0.5em 0.5em 0.5em;
text-shadow: 2px 2px 3px #F5A9BC;
background: url(URL BACKGROUND);
border-top:1px dotted #FFFFFF;
border-left:1px dotted #FFFFFF;
border-bottom:1px dotted #FFFFFF;
border-right:1px dotted #FFFFFF;
padding: 3px;
}

4) Pastekan code atas nii di bawah code .post-tittle {

5) copy code nii pulaaa untukk icon post tittle / hover post tittle.

.post-title:hover {
background-image:url(URL BACKGROUND ICON);
background-position:bottom right;
background-repeat:no-repeat;
}

6) pastekan code atas nii dekat bawah code anak anakk post tittle yg saya bagi tadi. takk paham ? sila rujuk gambarr di bawah.

okaii, paham sudaa ? pastekan kat situu yeee.

Tekateki : yg patut ditukar tu, korang boleh tukar :) ikut warna kesukkan uollls. terserah kai ? hoho. tak sabar nyaa raya. puasa. duit raya ! aahakss. so, disini SELAMAT BERPUASA kawan kawan !