Cara Membuat Icon berbeda di setiap Link Menu Vertikal seperti facebook

Artikel Cara Membuat Icon berbeda di setiap Link Menu Vertikal Terkait:

1. Upload icon yang mau di buat icon kemudian ambil url nya

2. Buat widget baru ( Rancangan > Pilih HTML/Javascript )

3. Masukkan kode dibawah ini kedalam widget tersebut

 ( ini adalah contoh jadi tinggal ganti Url dan nama aja, )




<style>
.Dinding {
background: url("http://1.bp.blogspot.com/_Lf8s6KKZzB4/TTBomO6wudI/AAAAAAAABSU/ZVxMWf6fF_A/s1600/Dinding.png") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:6px 0px 0px 20px;
}
</style>
<div class="Dinding">
<a href="#">.    Dinding</a></div>

<style>
.Info {
background: url("http://4.bp.blogspot.com/_Lf8s6KKZzB4/TTBot9FMu7I/AAAAAAAABSc/A0k5rXbSqmQ/s1600/Info.png") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:6px 0px 0px 20px;
}
</style>
<div class="Info">
<a href="#">.    Info</a></div>

<style>
.Foto {
background: url("http://2.bp.blogspot.com/_Lf8s6KKZzB4/TTBopERHdcI/AAAAAAAABSY/myWbDZRISX4/s1600/Foto.png") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:6px 0px 0px 20px;
}
</style>
<div class="Foto">
<a href="#">.    Foto (999)</a></div>

<style>
.Catatan {
background: url("http://2.bp.blogspot.com/_Lf8s6KKZzB4/TTBolY8kM7I/AAAAAAAABSQ/telwyDk1p1I/s1600/Catatan.png") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:6px 0px 0px 20px;
}
</style>
<div class="Catatan">
<a href="#">.    Catatan</a></div>

<style>
.Teman {
background: url("http://2.bp.blogspot.com/_Lf8s6KKZzB4/TTBozIsv_RI/AAAAAAAABSg/kjC5kgpz5Nw/s1600/Teman.png") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:6px 0px 0px 20px;
}
</style>
<div class="Teman">
<a href="#">.    Teman (9876)</a></div>

SELESAI