Rabu, 15 Juni 2011

Membuat Menu Link Vertikal Di Blog

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/AVvXsEhQSayrOPMp5tRiiDTTD1bUd1P4HXDAETZHYvT7_4AOYEqULkBJFcOZdmm7OaUiU-SrwfV4WT0yAikMjJs6ut_mssU6yBkPTnYAWS80s8Z9QYvpkGnqv2yMKNGBS3o7nK8WVplntPtIVnEi/s128/kiri.jpg">&nbsp;</td>
    <td width="238" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjAZ7X8biJB9OK63IbIh9Y3pUtQY_tx9_xJVv2J7ytntzO3kxp6vh-s_E5JUFWq3hDQWWP919xhtY1M-PVGf9SzEw-PxlkE-ABzgXBmX0zVEndj33XPqYe9pbaXdvA6OetCHGMp5wlV2e0/s128/ataski2yo.jpg"><strong>JUDUL LINK</strong></td>
    <td width="28" height="30" rowspan="6" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_X8rg8IDCBrnePBJm4Dbh_gLV6Mn3hDNHVf__bCBprQ79dDYSfYcstRD80-VsL_QHVm6sFtguv3npWEX1UGGHKpp_RgIcjIIo21K675G-Sx8CTMQes8L8vOMyXIT3qHY2cNilTpnj-IO/s128/kanan.jpg">&nbsp;</td>
  </tr>
  <tr>
    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjiGc-TvMCGqMx3hEcykPxQkTntWRyV6SF1M1j0ph6ysy0T_1sl8D2Z2WC3agnY8zlfr-tmXa-MGSo7to01RJOPqcVqbpvJDfDnFde4_ljugutWYHnPm6p2mTsJUm-Nf-uW-1bt8UP67CF/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/AVvXsEgjiGc-TvMCGqMx3hEcykPxQkTntWRyV6SF1M1j0ph6ysy0T_1sl8D2Z2WC3agnY8zlfr-tmXa-MGSo7to01RJOPqcVqbpvJDfDnFde4_ljugutWYHnPm6p2mTsJUm-Nf-uW-1bt8UP67CF/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/AVvXsEgjiGc-TvMCGqMx3hEcykPxQkTntWRyV6SF1M1j0ph6ysy0T_1sl8D2Z2WC3agnY8zlfr-tmXa-MGSo7to01RJOPqcVqbpvJDfDnFde4_ljugutWYHnPm6p2mTsJUm-Nf-uW-1bt8UP67CF/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/AVvXsEgjiGc-TvMCGqMx3hEcykPxQkTntWRyV6SF1M1j0ph6ysy0T_1sl8D2Z2WC3agnY8zlfr-tmXa-MGSo7to01RJOPqcVqbpvJDfDnFde4_ljugutWYHnPm6p2mTsJUm-Nf-uW-1bt8UP67CF/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/AVvXsEgjAZ7X8biJB9OK63IbIh9Y3pUtQY_tx9_xJVv2J7ytntzO3kxp6vh-s_E5JUFWq3hDQWWP919xhtY1M-PVGf9SzEw-PxlkE-ABzgXBmX0zVEndj33XPqYe9pbaXdvA6OetCHGMp5wlV2e0/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...!!!!

Tidak ada komentar:

Posting Komentar