4 Membuat Menu Vertikal Dengan Icon

Sudah beberapa postingan dilewatkan sejak mengganti template dan domain blog ini, inilah pertama kalinya dengan domain 4-jie.blogspot.com untuk sharing blogging tips yaitu "Membuat Menu Vertikal Dengan Icon". Mungkin saya berbagi trik yang satu ini agak terlambat, karena saya dilihat sudah banyak teman-teman yang lain untuk mengambilnya dengan membongkar page source blog ini, tapi itu tidak masalah bagi saya. maaf ya telat...hehehe...

Menu vertikal merupakan salah satu cara pintas yang bisa diterapkan pada blog untuk link favorit agar mudah mengaksesnya, membuat menu vertikal dengan icon ini cocok digunakan pada template blog yang memiliki sidebar blog yang tidak terlalu lebar. Membuat menu vertikal dengan icon ini merupakan inspirasi dari Yahoo.com, inilah menu vertikal dengan icon versi 4-jie. Bagaimana cara membuatnya? yuk kita ikuti langkah-langkah sebagai berikut :

1. Login akun blogger anda terlebih dahulu
2. Pilih Design>>Page Elements>> Pilih Add a Gadget kemudian pilih HTML/Javascript
3. Copas kode berikut pada gadget HTML/Javascript tadi :

<ul><table width="100%" border="0">
<tr>
<td width="3%"><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUnEAI9FLxBRGOZK7GYbuGZna_wR8D4wtsYcA5blUbETDRYFpNCgo1V1Ot3uPRrVATmzJqHdIj-A6d6ZWHhl0ZJJ0cMTNCfUL8D-lRQrzcubcWf5wyejw4oK_k0xojneAwrRfuv4WNbsGm/s1600/report_magnify.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="http://4-jie.blogspot.com/search/label/Alexa">Alexa Rank</a></li></td>
</tr>

<tr>
<td width="3%"><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyGRCxoba4bMfNzvdvmDiL_7cb89Ja8ihjn6xYMsp_S68pNiH2PdhF6cdAzOcWQNg7-gjeOmYCKKV6CKJdchFGVJlCloXGg0-84hNVVJO3Ik7M5q8jzQ4S5N3sYsmDzfML0mD3qML1zrBg/" width="18" height="18" /></div></td>
<td width="97%"><li><a href="http://4-jie.blogspot.com/search/label/Backlink">Backlink</a></li></td>
</tr>

</tr></table>
</ul>

4. Simpan

Sangat mudah bukan?? tapi tidak hanya sampai disini saja, silahkan untuk merubah nama menu dan link tujuan sesuai yang anda inginkan. Perhatikan catatan berikut ini :

* Untuk mengganti Icon silahkan ganti URL imege yang berwarna biru pada kode diatas.
* Untuk mengganti nama menu silahkan ganti text yang berwarna merah.
* Untuk mengganti link silahkan ganti tulisan yang berwarna hijau.

Mohon untuk tidak melakukan tindakan SPAM, dan untuk tidak meninggalkan link hidup/link mati blog kamu dikomentar. Saya akan berikan komentar saya jika kamu juga dapat menghargai blog saya dengan tidak meninggalkan LINK dalam bentuk apapun !

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari 4JIE BLOG di inbox anda: