KliniKomputer

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...

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/AVvXsEjHnyd-LW_2fdTzqc_fYlphFwecP3Tg0mBXxp3rzkiqMUteAAsyPnsVWgfbuvepOdA0tXKm-Lil6tWnx0jYivnSIn1biAAFswKzvHfDWBZ6OjNs6eIXX6krsxsEH5XgZ0kcnnIpRRQRIXe6/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/AVvXsEieR3J732DQksISttUcTDEjMCj_XOVG0sXuR76OrLa8-05kSPKAiwW5KepWhSWcxZ5qzijFhUK-GjbnpQz4jF1Fgw6htJ5ykgbh-yseYgpfBfg4eTqYMn6QLoL3dRlRf9KmDHxv5QvqcxBs/" 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.