News Update :

Cara Membuat Menu Link Vertikal Di Blog

Pada Kesempatan kali ini saya akan membahas tentang bagaimana cara membuat Menu Link Vertikal Di Blog, dengan sedikit hiasan yang tentunya akan membuat tampilan link tersebut menjadi indah di pandang,
Langsung saja pada pokok permasalahan, dan jika masih bingung seperti apa tampilannya, lihatlah contoh dibawah ini :









MENU MY BLOG
Home
Facebook
Download
About Me





Tertarik Untuk mencoba nya.. ya sudah langsung saja ke TKP
Ikuti Langkah - langkah di bawah ini :
Klik Elemen Halaman - Pilih Tambah Gadget - Klik HTML/Javascript - Copy paste kode Dibawah ini,, Setelah itu paste kan di halaman HTML/Javascript :


<table width="300" border="0" cellpadding="0" cellspacing="0" bordercolor="#00FFCC">
  <tr>
    <td width="28" rowspan="6" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJfkD7Jh0SQKcv0uODwastpXd1sc6ELJlCYsRaRR5wqkR87ii2v0aw2Xq3Mr_6bDbAHW5D_NFCvW-REEv6jk-EVK-SIl3cebxKk08EhkibeBeZGQIxKtNmXE0GCjiH6K4df6T7igOqt-R_/s128/kiri.jpg">&nbsp;</td>
    <td width="238" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD0jH0EH8eLZjBWNlbX9e72qnKNohpy7_eDsYRet9vC52BZ-0bYm2ZbZeDanLinCaUqEfvYT4dHiXl-1oeQxFwMjm_xA1XiLnurUzovj3Rd3qtaAu1JaNEEk-rl-RaVmmV1Uqwz4kIZo1m/s128/ataski2yo.jpg"><strong>JUDUL LINK</strong></td>
    <td width="28" height="30" rowspan="6" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCL85Cz9WJYW1qypdWtQhhH8dnnpxp450H7CN4qY0DHfU_COS2e76WKrbrDL1CUdzNIN7gjJ3Su1zal-cOxJo4N-BaMsdqvbhWlXR-6DYkAL3-h90qT-e1mo4Z64A4puM8DESQoxofCey/s128/kanan.jpg">&nbsp;</td>
  </tr>
  <tr>
    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp6sKreMBDtiq0zj_LeHlqo9FVUbxVIMczfKzcuhM5eQO3x9RwJzzpZG1sWmY0xxzg8hv0TFOgu1jcvetGUGhq6o0fcMHIqfXGc2seKU0gxydWVKQxp_wCeKtbj_FTZoaBdWCrEl9UG5u4/s128/linkkikiyo.jpg"><strong><a href="Ganti_Dengan_Url_Link_Anda">Link 1</a></strong></td>
  </tr>
  <tr>
    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp6sKreMBDtiq0zj_LeHlqo9FVUbxVIMczfKzcuhM5eQO3x9RwJzzpZG1sWmY0xxzg8hv0TFOgu1jcvetGUGhq6o0fcMHIqfXGc2seKU0gxydWVKQxp_wCeKtbj_FTZoaBdWCrEl9UG5u4/s128/linkkikiyo.jpg"><strong><a href="Ganti_Dengan_Url_Link_Anda">Link 2</strong></td>
  </tr>
  <tr>
    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp6sKreMBDtiq0zj_LeHlqo9FVUbxVIMczfKzcuhM5eQO3x9RwJzzpZG1sWmY0xxzg8hv0TFOgu1jcvetGUGhq6o0fcMHIqfXGc2seKU0gxydWVKQxp_wCeKtbj_FTZoaBdWCrEl9UG5u4/s128/linkkikiyo.jpg"><strong><a href="Ganti_Dengan_Url_Link_Anda">Link 3</strong></td>
  </tr>
  <tr>
    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp6sKreMBDtiq0zj_LeHlqo9FVUbxVIMczfKzcuhM5eQO3x9RwJzzpZG1sWmY0xxzg8hv0TFOgu1jcvetGUGhq6o0fcMHIqfXGc2seKU0gxydWVKQxp_wCeKtbj_FTZoaBdWCrEl9UG5u4/s128/linkkikiyo.jpg"><strong><a href="Ganti_Dengan_Url_Link_Anda">Link 4</strong></td>
  </tr>
  <tr>
    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD0jH0EH8eLZjBWNlbX9e72qnKNohpy7_eDsYRet9vC52BZ-0bYm2ZbZeDanLinCaUqEfvYT4dHiXl-1oeQxFwMjm_xA1XiLnurUzovj3Rd3qtaAu1JaNEEk-rl-RaVmmV1Uqwz4kIZo1m/s128/ataski2yo.jpg"><strong></td>
  </tr>
</table>



Ket :

JUDUL LINK (warna kuning): ganti dengan judul menu Anda

Ganti_Dengan_Url_Link_Anda (warna biru): Ganti Dengan Link Tujuan Link Anda

LINK 1 (warna hijau) : Silahkan Anda ganti dengan nama tampilan link anda
LINK 2 (warna hijau): Silahkan Anda ganti dengan nama tampilan link anda
LINK 3: (warna hijau) Silahkan Anda ganti dengan nama tampilan link anda
LINK 4: (warna hijau) Silahkan Anda ganti dengan nama tampilan link anda

Selamat Mencoba...!!!!


Jangan lupa tinggalkan komentar ya..
Share this Article on :

0 komentar:

Posting Komentar

 

© Copyright Kak Imam blog 2010 -2011 | Design by Herdiansyah Hamzah | Published by Kak ImamTemplates | Powered by Blogger.