Menambahkan Gambar Pada ZFPMenu Blog

Nah pada posting yang sebelumnya saya telah share tentang cara membuat ZFPMenu pada blog, dan pada posting kali ini saya akan share tentang membuat/menambahkan gambar/favicon kedalam ZFPMenu, agar terlihat lebih menarik, cara ini cukup mudah karena hanya menambahkan script/tag image ke dalam ZFPMenu tersebut, nah berikut langkah-langkah yang saya gunakan untuk menambahkan gambar pada ZFPMenu pada blog :

1. Log In ke Blogger (pasti)
2. Pilih Rancangan dan Edit Html, dan selalu centang terlebih dahulu Expand template widget.
3. Selanjutnya cari script ZFPMenu yang kamu gunakan, biasanya di atas kode </body>, gunakan CTRL+F untuk mempermudah.
4. Kemudian cari script

<ul id='zfpm_ul'>
<!-- Your menus start -->

    5.  Nah selanjutnya copy paste tag image berikut di bawah kode tersebut :
<li><img align='center' height='20px' src='Url Gambar Yang Akan Ditampilkan' width='20px'/></li>

    6.  Ganti teks warna hijau dengan url gambar, warna merah untuk menyesuaikan ukuran tinggi dan lebar gambar.

Selanjutnya Save Template.

Semoga Berhasil !!