Tuesday 9 September 2014

Tutorial : Tukar Bullet Ke Icon

Haa cantik tak ? Cantik tak ?
Nak try ?
Nak cuba ?
Berminat ?
Ikut tuto ni ramai2 ^^ :D
SIMPLE BULLET
1. Dashboard > Template > Edit HTML
2. CTRL+F/F3 & Search code ni .
]]></b:skin>
3. Jumpa ? Paste code kt bwh ni di ATAS code yg korg cari tadi .

.post ul {list-style:none;
}
.post ul li {
    line-height: 1.4em;
        background: transparent url(URL BULLET) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
} 
 4. Preview dulu , kalau takde error .. Boleh save ! :D

HOVER BULLET
Picture Credit : Amalina
BEFORE
AFTER
1. Dashboard > Template > Edit HTML
2. CTRL+F/F3 & Search this code .
]]></b:skin>
3. Copy code di bawah ni & paste dekat ATAS code yang korang cari tadi .
.post ul {list-style:none;
}
.post ul li {
    line-height: 1.4em;
        background: transparent url(URL BULLET) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}
.post ul li:hover {
        background: transparent url(URL BULLET) no-repeat scroll 0px 4px;
}
4. Preview dulu , kalau takde error , boleh save :)

NOTE
Nuha : Letak URL Bullet yang korang suka . Kalau dah malas sangat nak cari , tekan SINI .