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/AVvXsEjzE0NMx_pSOgocrmJORKKwaqNbWAUdqaABe4ptZAOK2kO7hQQtVxIkpm_4rag5i5dNuTpGUwiHF_L36nx4f7CdEqWRh-DBkorvSosSE7vi6crUmR31RuTiXpAP2-vMdQbdDAOBSW4AHO8M/s128/kiri.jpg">&nbsp;</td>

    <td width="238" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDfzgX1tBM0CG0Qmdy-qmEKaAaGqKmv9wHdjsPdRyw7AIHd8GVzpdPHcpLM3-sWsdAX10i-5tcwedeZzdhk4GZ8Il7SKNkaTH9GpvaCNotm8MSebcPvo91LRrFRUxMufJrSjknqbVbkmvi/s128/ataski2yo.jpg"><strong>JUDUL LINK</strong></td>

    <td width="28" height="30" rowspan="6" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrzRdRmLs4lbFcf35gS1xEKMiYZxszTyjh2ua1XLnpWtLFMeQgUEpPX1Uwsw9wY6n0Ha8-u8JtqvIGXBPf2kYLrUbBgfdDP9VGxujoJtamm7GwuPRDRDFQEV7IUWcZmdhwe65j-ji0lHOA/s128/kanan.jpg">&nbsp;</td>

  </tr>

  <tr>

    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3WzWAnFNb3h4rk0WwWuwthajTAwUstDxTTQGlvyBpqDBu7BjnP70vQbtyIzuV4QPXg8_j0CZxme8JC99ddq6SDq8D7tPxN8kTv2os6onE9_-3FSK6hHNb63ufi_5WMyIi-U69c_TsJ7SL/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/AVvXsEh3WzWAnFNb3h4rk0WwWuwthajTAwUstDxTTQGlvyBpqDBu7BjnP70vQbtyIzuV4QPXg8_j0CZxme8JC99ddq6SDq8D7tPxN8kTv2os6onE9_-3FSK6hHNb63ufi_5WMyIi-U69c_TsJ7SL/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/AVvXsEh3WzWAnFNb3h4rk0WwWuwthajTAwUstDxTTQGlvyBpqDBu7BjnP70vQbtyIzuV4QPXg8_j0CZxme8JC99ddq6SDq8D7tPxN8kTv2os6onE9_-3FSK6hHNb63ufi_5WMyIi-U69c_TsJ7SL/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/AVvXsEh3WzWAnFNb3h4rk0WwWuwthajTAwUstDxTTQGlvyBpqDBu7BjnP70vQbtyIzuV4QPXg8_j0CZxme8JC99ddq6SDq8D7tPxN8kTv2os6onE9_-3FSK6hHNb63ufi_5WMyIi-U69c_TsJ7SL/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/AVvXsEgDfzgX1tBM0CG0Qmdy-qmEKaAaGqKmv9wHdjsPdRyw7AIHd8GVzpdPHcpLM3-sWsdAX10i-5tcwedeZzdhk4GZ8Il7SKNkaTH9GpvaCNotm8MSebcPvo91LRrFRUxMufJrSjknqbVbkmvi/s128/ataski2yo.jpg"><strong></td>

  </tr>

</table>

Ket :

JUDUL LINK : ganti dengan judul menu Anda
Ganti_Dengan_Url_Link_Anda : Ganti Dengan Link Tujuan Link Anda
LINK 1 : Silahkan Anda ganti dengan nama tampilan link anda
LINK 2 : Silahkan Anda ganti dengan nama tampilan link anda
LINK 3: Silahkan Anda ganti dengan nama tampilan link anda
LINK 4: Silahkan Anda ganti dengan nama tampilan link anda

Selamat Mencoba...!!!!

Artikel Terkait:

Posted in: Tutorial Blog