Tutorial : Icon Pictures

 

 

Hye you olls, semalam baru teringat ade blogger request camne nak letak icon omei domei tepi words..contohnya tengok dekat tab Tutorial Yana nieh, tekan SINI kalao nak tengok oke..Biasanya orang letak dotted kan tapi Yana tukar icon greak2 tuh..haa,camne nak buat? Senang je...

Korang cuma perlu guna code ini,

 

<ul style="list-style-image:url(URL GAMBAR);">
<li>List Pertama</li>
<li>List Kedua</li>
<li>List Ketiga</li>
</ul>

URL GAMBAR gantikan dengan icon korang nak guna. Pastu isi je list pertama list kedua semua tu. Kalau korang nak tambah lagi , just isi code ni sebelum </ul> .

 

<li>List Yg seterusnya</li>

 

Gantikan jelah list yg seterusnya tu okayy :)

 

Sudah siap lalink kuhh.. :D

p/s :boleh guna untuk di sidebar juga :)

---

Suka? LIKE je! :)

---

---

LIKE Fan Page Yana sekali yer! :)

---

Tutorial : Post Footer

Cantikkan kalao ade post footer dalam blog? tapi Yana tak buat pun,hehe..camne nak letak? mari sini Yana ajar tau..tarik nafas dalam2 duluu.....

1) Dashboard> Design> Edit HTML > *tick expand widget templates.

2) Tekan CTRL+F , dan cari code kat bawah nie

.post-footer {

3) Dah jumpa? Paste code bawah ni selepas .post-footer { tadi :)

background:url("URL GMBR") no-repeat scroll right center transparent;
border:2px dashed #F5A9D0;

color:#000000;

font-size:11px;

margin:0.1em 0;

padding:10px 10px 18px 50px;

text-transform:lowercase;

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

}

4) URL GAMBAR boleh tukar dengan gambar yang korang nak ada kat situ. 

yang right tu nak gambar nya kiri or kanan.

2 tu saiz border. 

 dashed tu jenis border.

#F5A9D0 tu warna border. :)

5) Preview dahulu oke !. Bila dah ok tu, Savekan :)

---

Suka? LIKE je! :)

---

---

LIKE Fan Page Yana sekali yer! :)

---