Posts Subscribe to This BlogComments

Follow Us

New Articles

1 2 3 4 5

Selasa, 03 Mei 2011

Membuat Tab Menu Blog Tanpa Edit HTML Template

Saya sempat bingung waktu lihat tutorial cara membuat tab menu dengan cara edit HTML template, saya diminta mencari kode <div id='content-wrapper'> tapi tidak ada di template saya.

cara membuat tab sederhana menggunakan kode HTML
sumber foto: royan-trick.blogspot.com

Akhirnya saya memutuskan untuk langsung membuat tab menu dengan cara menambah widget di sidebar, berikut kode yang saya gunakan:

 
<ul class='glossymenu'> <li class='current'><a href='URL-Blog-Kamu'>Home</a></li>
<li><a href='URL-Link-Tujuan1'>JUDUL 1</a></li>
<li><a href='URL-Link-Tujuan2'>JUDUL 2</a></li>
<li><a href='URL-Link-Tujuan3'>JUDUL 3</a></li>
<li><a href='URL-Link-Tujuan4'>JUDUL 4</a></li>
<li><a href='URL-Link-Tujuan5'>JUDUL 5</a></li>
<li><a href='URL-Link-Tujuan6'>JUDUL 6</a></li>
<li><a href='URL-Link-Tujuan7'>JUDUL 7</a></li>
</ul> 


Bagi yang mau memasang widget ini, silahkan pilih rancangan > tambahkan widget > java script/HTML > masukkan kode diatas, kemudian rubah  teks berwarna biru dengan url / alamat blog yang diinginkan, dan ganti juga teks berwarna merah dengan judul url yang dinginkan.
Selamat mencoba semoga berhasil...

Related Post



0 komentar:

Posting Komentar

Translate

New Tutorial

Masukan Email Anda Untuk Berlangganan

Delivered by FeedBurner