Membuat Menu Link Berbentuk Tangga

Kemarin Kita sudah membahas tentang bagaimana cara membuat link vertikal,

dan kali ini saya akan memberikan pengetahuan tentang tata cara Membuat Menu Link Berbentuk Tangga yang pasti nya Unik dan menarik, atau mungkin belum pernah anda lihat sebelumnya,
Menu Link Berbentuk Tangga ini sangat cocok diletakkan di sidebar atau tempat lainnya yang sesuai dengan keinginan anda,,
Lihatlah Contoh Dibawah Ini :

Home Download Facebook About Me Twitter

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 :

<style type="text/css">

<!--

.style2 {color: #FFFF00}

-->

</style>

<p>&nbsp;</p>

<table width="303" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="303" height="159" valign="top"><table width="142" border="5" cellpadding="0" cellspacing="0" bgcolor="#FF0000">

<tr>

<td width="138" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdMMHIG8UuhpZKPg1eA6j_9DOWjOniCS2KoyMS5fOGV7mNtYv_VqgqnatWf4VryL_rImUfHufmDR_9NHrgHTjW0mFVXfeFry6W1uHK-60ztSqeuAkKg5pdsjHOLKZZwp62uQw-Lm5rA0Q/"><span class="style2"><a href="Url_link_tujuan_Anda">Link 1 </a></span></td>

</tr>

</table>

<table width="300" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="30"></td>

<td width="143" height="30"><table width="142" height="24" border="5" cellpadding="0" cellspacing="0" bgcolor="#FF0000">

<tr>

<td width="140" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdMMHIG8UuhpZKPg1eA6j_9DOWjOniCS2KoyMS5fOGV7mNtYv_VqgqnatWf4VryL_rImUfHufmDR_9NHrgHTjW0mFVXfeFry6W1uHK-60ztSqeuAkKg5pdsjHOLKZZwp62uQw-Lm5rA0Q/"><a href="Url_link_tujuan_Anda">Link 2 </a></td>

</tr>

</table></td>

<td width="217"></td>

</tr>

</table>

<table width="300" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="60">&nbsp;</td>

<td width="142" height="30"><table width="142" border="5" cellpadding="0" cellspacing="0" bgcolor="#FF0000">

<tr>

<td width="211" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdMMHIG8UuhpZKPg1eA6j_9DOWjOniCS2KoyMS5fOGV7mNtYv_VqgqnatWf4VryL_rImUfHufmDR_9NHrgHTjW0mFVXfeFry6W1uHK-60ztSqeuAkKg5pdsjHOLKZZwp62uQw-Lm5rA0Q/"><a href="Url_link_tujuan_Anda">Link 3 </a></td>

</tr>

</table></td>

<td width="133" height="30">&nbsp;</td>

</tr>

</table>

<table width="300" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="90" height="30">&nbsp;</td>

<td width="147"><table width="146" border="5" cellpadding="0" cellspacing="0" bgcolor="#FF0000">

<tr>

<td width="142" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdMMHIG8UuhpZKPg1eA6j_9DOWjOniCS2KoyMS5fOGV7mNtYv_VqgqnatWf4VryL_rImUfHufmDR_9NHrgHTjW0mFVXfeFry6W1uHK-60ztSqeuAkKg5pdsjHOLKZZwp62uQw-Lm5rA0Q/"><a href="Url_link_tujuan_Anda">Link 4 </a> </td>

</tr>

</table></td>

<td width="96">&nbsp;</td>

</tr>

</table>

<table width="300" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="120">&nbsp;</td>

<td width="143" height="30"><table width="142" height="30" border="5" cellpadding="0" cellspacing="0" bgcolor="#FF0000">

<tr>

<td width="142" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdMMHIG8UuhpZKPg1eA6j_9DOWjOniCS2KoyMS5fOGV7mNtYv_VqgqnatWf4VryL_rImUfHufmDR_9NHrgHTjW0mFVXfeFry6W1uHK-60ztSqeuAkKg5pdsjHOLKZZwp62uQw-Lm5rA0Q/"><a href="Url_link_tujuan_Anda">Link 5 </a></td>

</tr>

</table></td>

<td width="59">&nbsp;</td>

</tr>

</table> </td>

</tr>

</table>

<p>&nbsp;</p>

Ket :
Url_Link_Tujuan_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
LINK 5: Silahkan Anda ganti dengan nama tampilan link anda

Artikel Terkait:

Posted in: Tutorial Blog