Bikin List Menu
List menu biasa kita lihat tampilannya di website profesional. Indahkan? Bukan cuma indah tapi juga memudahkan pengunjung situs dalam mengakses dan mencari apa yang diperlukannya. Bisa berisi informasi tentang yang punya web atau menu contact sebagai jembatan penghubung juga menu untuk product yang dijual. Dari semua itu ternyata blogger belum mempunyai widget untuk hal ini (kecuali template yang telah tersedia list menu), kita bisa liat list menu ada di worpress tapi wordpress sampe tulisan ini diturunkan belum juga bisa pake untuk adsense sebagai penghasilan tambahan buat kita para blogger.
Gimana caranya membuat LIST MENU? Oke, langsung saja kita akan buat list menu menggunakan css.maxdesign. Klik Disini kemudian pilih menu seperti apa yang Anda inginkan; vertikal atau horizontal. Apapun pilihan Anda sesuaikan dengan template blog. Misalkan Anda memilih tipe horizontal Dive into Mark Pure CSS Tabs. Klik disana kemudian kita akan diberi dua kode; satu kode HTML dan satu lagi CSS.
Untuk kode CSS copy dan paste di edit html blog anda jangan lupa untuk menceklis EXPAND TEMPLATE WIDGET simpan kode CSS tersebut tepat di atas kode: ]]></b:skin> lalu SAVE.
Untuk kode HTMLnya kita masukan ke ADD PAGE ELEMENT/Elemen Halaman – HTML/JavaScript dan simpan dimana Anda ingin menunya terlihat. Biasanya kode HTML umumnya seperti dibawah ini:
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
Nah Anda tinggal menyimpannya di page element html Anda dan mengganti tanda kruis (#) dengan link tujuan dan ITEM ONE sampe ITEM FIVE dengan nama link dari tujuan tersebut. Contoh list menu saya di atas:
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://hakimtea.blogspot.com/">HOME</a></li>
<li><a href="http://hakimtea.blogspot.com/2006/01/tentang-saya.
html">TENTANG</a></li>
<li><a href="http://hakimtea.blogspot.com/2006/12/hubungi-saya.
html">KONTAK</a></li>
<li><a href="http://hakimtea.blogspot.com/search/label/Tutorial">
TUTORIAL</a></li>
<li><a href="http://hakimtea.blogspot.com/search/label/Tips">
TIPS</a></li>
</ul>
</div>
Mudahkan?
Silahkan dicoba…!
Kalo masih ada yang kurang dan masih pusing jangan sungkan hubungi sayah atau tinggalkan comment di postingan inih.
Popularity: 6% [?]
Related posts :
- Membuat Menu Pull Down di Blogger Membuat menu Pull Down itu nggak terlalu susah, manfaatnya bila
- Mortgage Mailing List With increasing competition, is no longer possible for companies and
- Update Catatan Kontes Blog 1 Tahun Hakimtea.com Pertama saya ucapkan terimakasih kepada seluruh sahabat blogger yang sudah
- Membuat Form Kontak Di Blogger (How to Make Contact Form Into Blogger) Ingin membuat form kontak email di blogspot yang lebih mudah
- Here are the Best Reviews of Web Hosting Service Are you annoyed with the work of your current web
Hi, my name is Hakimtea, I like drink a cup of tea n blogging is really my cup of tea :) I've been dreaming to be a fulltime Blogger, I imagine to be a Master Blogger... when I wake up and realize that all my dreams are still like all I consume, an ordinary Hakimtea... a newbie Blogger who try to write, sharing information and getting money from blogging. 
submit article ke article directory memang sangat bagus untuk meningkatkan...
March 7th, 2008 at 11:08 am
terima kasih……..
sudah saya coba dan berhasil…..
Wassalam,
March 7th, 2008 at 11:28 am
sama2 wa… jangan bosan berkunjung, wa’alaikum salam
April 2nd, 2008 at 12:18 am
di posting ini, link ke ‘cara membuat form kontak di blogger’ masih belum tersambung
June 23rd, 2008 at 1:44 pm
nah…link menu yang mirip sama punya om hakim ini yg saya cari2..thanks ya
June 28th, 2008 at 1:14 am
bingung ni, gimana cara ngaplikasinya masik newbie nieh ajarin donk
June 28th, 2008 at 2:27 am
July 29th, 2008 at 1:57 am
Aku coba mas. sekali lagi artikel anda bagus2..
July 29th, 2008 at 6:06 am
Terimakasih atas apresiasinya, silahkan dicoba…
November 28th, 2008 at 3:29 pm
Mas, mungkin ga kita buat dua tab- vertical dan horizontal tapi link nya beda2 antara yang vertical dan horizontal…Tx yaaaa
November 28th, 2008 at 3:33 pm
Mas, mungkin ga kita buat dua tab- vertical dan horizontal tapi link nya beda2 antara yang vertical dan horizontal…Tx yaaaa
January 2nd, 2009 at 5:23 pm
saya pake yg horizontal tp jadinya kok vertical?trs cm tulisan aja ndak ada animated nya.gmn ya?
February 7th, 2009 at 6:10 am
mantap bang !!! terus berkarya ….
February 18th, 2009 at 2:29 pm
ini bagus nih buat nambah ilmu,tapi saya belum ketemu mas add page element itu dimana ya? thanks
February 18th, 2009 at 2:50 pm
Oke Mantap mas! ini baru oke singkat tapi jelas,thanks web saya makin heboh nih,alias amburadul.tpi yg penting tehniknya sdh tahu.tanks
February 18th, 2009 at 2:53 pm
untuk masukin artikel ke menu item tadi gimana caranya mas?
February 23rd, 2009 at 2:07 am
mas ni abang arul face, mau nanya’ dikit aja, ku kan dah buat menu list, trus kalo mau ngisi ke bagian2 menu bagaimana ku masih bingung, tolongin ya mas ?
trus ni mas, aku mau buat kolom komentar kayak gini si bagaimana caranya ya? klo bisa di jelasin ya mas, ato klo gk ngerepotin kirim ja ke e mil ku, entar mas kan dpt pahala sebb dah bgi2 ilmu sich. maaf y mas
April 12th, 2009 at 10:29 am
mas,boleh gak saya minta izin copast artikelnya…..
soalnya artikel nya bermanfaat dan banyak teman saya yang gak tahu…..
tenang aja nanti blognya mas tetap aku promosiin kok….
April 13th, 2009 at 8:28 pm
Alhamdulillah, akhirnya saya nemu juga artikel ini,terima kasih banyak mas hakim atas infonya. Mau langsung saya praktekkan ah..
April 13th, 2009 at 8:39 pm
Mas, maaf nie ganggu lagi. kalo mau bikin beberapa link dibawah list menunya gimana?cth,di list 1 ada 3 link. list 2 ada 3 link dll. tolong ya mas. maaf msh newbe.
April 26th, 2009 at 4:41 pm
saya coba bikin menu list jadi tapi bikin posting dan cara ngelinknya di home tentang dan tutorial tips nggak jalan apa ponting dulu judul home baru bikin list atau bikin list dulu
May 16th, 2009 at 1:11 pm
ma kasih sebelumnya tapi aQ masih Adja bInGung di ManA letAkin scripnya
May 22nd, 2009 at 3:53 pm
Boss aku dah coba dan bisa misalnya : Home, Profil dll nah bagaimana caranya kl klik home kembali halaman depan blog jadi intinya bagaimana cara membuat sub menu dari HOME atau PROFIL dilist menu maaf aku baru sekali mencoba ngebloger. Mannys Thanks Boss
May 25th, 2009 at 7:35 pm
Saya mau tanya ?
Saya masih kesulitan membikin list menu di blogger, aku minta tolong dong!
kalau bisa blogger yang bahasa Indonesia?
tolong dijelaskan caranya ya?
Thx.
June 10th, 2009 at 2:43 am
aku kan dah buat menu list, trus kalo mau ngisi ke bagian2 menu bagaimana ku masih bingung, tolongin ya mas ? misal home terus ngisinya gmn masih newbie
thanks
December 15th, 2009 at 7:36 am
[...] LIST MENU (TOP TAB SETUP)Seperti yang disebutkan di atas list menu ini sangat dinamis dan terlihat seperti Sandra Dewi yang lucu dan ngegemesin cantik. Untuk mengatur [...]
January 8th, 2010 at 1:18 pm
terima kasih mas menarik,, tapi saya kok masih belum bisa aplikasikannya yah,,
tolong dilihat yah mas,,,,,,,
January 16th, 2010 at 11:04 pm
lagi!!!
makasih buat tutorialna mas
benar” seperti yang saya harapkan
thx
February 16th, 2010 at 2:05 am
Thx buat tips nya mas, sungguh berguna sekali buat nubi sperti saya…
Ditunggu kunjungan balik nya