TUTORIAL : link ade background

okeyy , bila pergi dekat link una korunk akan nampak link una ade background warna pink kann ? actualy itu kita panggil link hover :) mcam yang biasa nampak ade letak macam hover icon yang comei2 tuh kann ? soo , yang nie kite just guna background :) senang jer , soo , jom buat :

First go to your Dashboard > Design > Edit HTML then click ctrl + F and search code nie :

a:link {

thenn , dekat bawah2 tuh ade anak anak code sampai ade yang } nie kann ? okeyy , korunk copy jer code yang una bagi nie and korunk paste dekat bawah dia kayy ?

a:hover {
background-color: #FFEAEA;
border-radius:3px;
padding:1px;
-webkit-transition-duration: 2s;
filter: none;
color: #474545;
text-decoration:none;
}

 dah sudah try lah preview dan cursor ke link korunk , hahh , jadi takk ?? kalau jadi save jer kayy ?

UNGU : yang nie untuk background dia kayy ?
HIJAU : yang nie pulak warna font korunk tuh lepas cursor sentuh .
BIRU : yang nie pulak border dia , boleh adjust kay ? ikut suka korunk :)
warna-warna boleh dapat kan di SINI

kalau tak faham tengok contoh code nie :

click untuk tumbesaran :)

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : Border shadow

nampak ape yang una arrowkan ? okeyy , jom mulaa :)

First go to ur Dashboard > Design > Edit HTML then click ctrl + F to search this code :

#content-wrapper {

thenn , selepas code nie korunk copy paste code yang kat bawah nie kay ?

-moz-box-shadow: 0 0 5px 5px #000000;
-webkit-box-shadow: 0 0 5px 5px #000000;
box-shadow: 0 0 5px 5px #000000;

dah buat korunk preview lah , kalau  dah jadi korunk save kayy ?

BIRU : yang nie korunk boleh tukar colour shadow nyer kat SINI

nota kecil :

ini hanya untuk pengguna washed denim yaaa :)

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : divider bawah post

contoh ape tuh divider :)

WASHED DENIM TEMPLATE

First you need to go to Dashboard > Design > Edit HTML*tick expand widget dan click ctrl + F and search for this code :

<div class='post-footer-line post-footer-line-3'/>

 lepas tuh korunk masuk kan code yang baru nie Sebelum code yang kat atas nie .

<center><img height='20' src='URL DIVIDER'/></center>

 SIMPLE TEMPLATE

First you need to go to Dashboard > Design > Edit HTML*tick expand widget dan click ctrl + F and search for this code :

.post {

then code una nak bagi nie letak Selepas code yang kat atas nie :

background: url(URL DIVIDER);
background-repeat: no-repeat;
background-position: bottom center;
margin:1.5em;
padding-bottom:4.5em;
}

then preview dan save :) pastikan bawah .post { tuh ade code yang kat atas nie jer kayy ? soo , good luck ^^
divider boleh cari dekat SINI

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---