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 | ||
| 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"> </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"> </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:
Tutorial Blog
- Cara Membuat Link Bergeser
- Cara Membuat Menu Warna Warni
- Cara Memuat Spoiler Untuk Blog
- Headline News KATA SENDIRI
- Cara Memasang Widget Page Rank dengan mudah dan cepat
- Cara Pasang Related Post With thumbnails
- Pasang Navigasi Breadcrumb di Blogger Diatas Posting
- Efek For Blog
- Cara Membuat Backround Pada Judul Postingan
- Cara Membuat Link Beraneka Rgam
- Cara Membuat Kode warna Versi 2
- Cara Pasang Sexy Social Boommark
- Cara Membuat Menu Tab View
- menambahkan effect jquery link nudging pada tabel
- Cara Pasang Top Komentartor
- Tweety Bird Blogger Template
- Related post atau postingan terkait [With Tuhumbanail]
- Cara Mengganti Foto Profil Blog Dengan Animasi
- Cara Membuat Animasi Berjalan Dibawah tengah blog
- Cara Membuat Tag Cloud
- Cara Membuat Gambar ketika mouse diarahkan
- Isengin Pengunjung Yuk!!!
- Cara Membuat Bukutamu tersembunyi Versi TERBARU
- Cara Menampilkan Judulnya Saja Ketika label di klik
- Cara Pasang Slide Post
0 KOMENTAR: