Membuat Sub Menu

Oke ketemu lagi nih. Hem ada yang minta nih satu tips buat sub menu. Maksudnya
yang bagian menu utama ituh yah ? gini sebenarnya fungsinya hampir sama dengan
membuat beberpa list seperi membuat ul ol dan li itu loh ...






Yah klo belum paham bisa di buka
di sini bisa di pelajari
itu.



Nah klo mw buat nih aku kasih contohnya ...

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<div class='ddsmoothmenu' id='smoothmenu1'>
<ul>
<li><a href='http://srimargo.blogspot.com'>Home</a></li>
<li><a href='#'>Forum</a>
<ul>
<li><a href='http://www.friendstertalk.com'>Friendstertalk</a></li>
<li><a href='http://www.forum.balikita.net/'>Forum Balikita</a></li>
<li><a href='http://forum.hackers-center.org/'>Hacker-Center</a></li>
<li><a href='http://um-pwr.ac.id/forum/'>UM-PWR</a></li>
</ul>
</li>
<li><a href='#'>Jejaring</a>
<ul>
<li><a href='http://www.friendster.com'>Friendster</a></li>
<li><a href='http://www.facebook.com'>Facebook</a></li>
</ul>
</li>
<li><a href='http://shandy-master.tk'>Musik Player</a></li>
<li><a href='#'>Creation</a>
<ul>
<li><a href='http://shandy-master.tk'>Musik Player</a></li>
<li><a href='http://masterfs.tk'>Master Fs</a></li>
<li><a href='http://hmj-ekop.uuq.com'>HMJ</a>
</li>
</ul>
</li>
<li><a href='#'>Tips - Trick</a>
<ul>
<li><a href='http://friendstertutorials.com'>Friendster Tutorials</a></li>
<li><a href='http://trik-tips.blogspot.com/'>Triks - tips</a></li>
</ul>
</li>
</ul>
<br style='clear: left'/>
</div>

</div>

Nah itu maksudnya ...

untuk suatu komponen utuh bisa di lihat berikut ini beserta subnavnya ,,,



<li><a href='#'>Forum</a>
<ul>
<li><a href='http://www.friendstertalk.com'>Friendstertalk</a></li>
<li><a href='http://www.forum.balikita.net/'>Forum Balikita</a></li>
<li><a href='http://forum.hackers-center.org/'>Hacker-Center</a></li>
<li><a href='http://um-pwr.ac.id/forum/'>UM-PWR</a></li>
</ul>
</li>

Oke tuh merupakan komponen utuh beserta subnavnya ...

Mudah bukan ?? Nah jika ingin menambahkan subnav lagi di dalam subnav (wew ribet
amat
) tinggal ditambah saja bagian

<ul></ul>;

gemana bisa khan ???



-------------------------------------------------------------------------------------

Untuk blognisa itu tinggal menambahkan subnav saja , nih navigasi kamu
sebelumnya / aslinya.

<div id='nav'>

<ul>
<li><a href='/#'>Home</a></li>
<li><a href='/2008/12/uangpanascom-cash-back-rp-70000.html'>UangPanas</a></li>
<li><a href='/2008/12/formulabisniscom-cash-back-rp-90000.html'>FormulaBis</a></li>
<li><a href='/2009/01/bikinduitcom-cash-back-rp-130ribu.html'>BikinDuit</a></li>
<li><a href='/2009/02/cafebisniscom-cash-back-rp-90-ribu.html'>C-B</a></li>
<li><a href='/2009/01/gandakanuangcom.html'>GandakanUang</a></li>
<li><a href='/2009/01/system-bisniscom-cash-back-rp-120ribu.html'>SystemBis</a></li>
<li><a href='/2009/02/antimiskincom-cash-back-rp-90000.html'>AntiMiskin</a></li>

<li><a href='/2009/02/akses24onlinecom-cash-back-rp-90000_02.html'>Akses24</a></li>
<li><a href='/2009/02/revolusiinternetcom-cash-back-rp-90000.html'>Rev-Net</a></li>
</ul>
</div>

iyah kan ???

Nah nih setelah di edit bikin subnavnya.

<div id='nav'>

<ul>
<li><a href='/#'>Home</a></li>
<!--contoh subnav blognisa-->
<li><a href='#'>UangPanas</a>
<ul>
<li><a href='http://bla bla.com'>Bla bla 1</a></li>
<li><a href='http://bla bla.com'>Bla bla 2</a></li>
<li><a href='http://bla bla.com'>Bla bla 3</a></li>
<li><a href='http://bla bla.com'>Bla bla 4</a></li>
</ul>
</li>
<!--end subnav blognisa-->
<li><a href='/2008/12/formulabisniscom-cash-back-rp-90000.html'>FormulaBis</a></li>
<li><a href='/2009/01/bikinduitcom-cash-back-rp-130ribu.html'>BikinDuit</a></li>
<li><a href='/2009/02/cafebisniscom-cash-back-rp-90-ribu.html'>C-B</a></li>
<li><a href='/2009/01/gandakanuangcom.html'>GandakanUang</a></li>
<li><a href='/2009/01/system-bisniscom-cash-back-rp-120ribu.html'>SystemBis</a></li>
<li><a href='/2009/02/antimiskincom-cash-back-rp-90000.html'>AntiMiskin</a></li>

<li><a href='/2009/02/akses24onlinecom-cash-back-rp-90000_02.html'>Akses24</a></li>
<li><a href='/2009/02/revolusiinternetcom-cash-back-rp-90000.html'>Rev-Net</a></li>
</ul>
</div>

Kelihatan kan sekarang perbedaanya ??? oke sekarang dicoba deh bikin sendiri tuh
dah aku bantu sedikit hehehhe


Admin
Endro Prasiswo
tel.:081334169022
fax:03423326622
Email:admin@kesamben.co.cc
URL:http://www.obralilmu.co.cc
Facebook:http://www.facebook.com/endro.prasiswo

Silahkan dibaca juga kelanjutannya dibawah ini



Comments :

1
tutorial blog mengatakan...
on 

sipp

Posting Komentar

jangan lupa beri komentarnya sebagai tanda persahabatan
pilih url/name.jika tidak memiiki url boleh dikosongkan saja

next previous home
 

TOOL AGAR BLOG BISA TERINDEX MESIN PENCARI

artikel terbaru

Mau Tukar Link atau banner silahkan Copy/paste code HTML di bawah ini ke website kamu Untuk chek banner kamu dan konfirmasi SILAHKAN

KLIK DI SINI

BISNIS GRATISAN

Admin
Endro Prasiswo
tel.:081952547182
fax:03423326589
Email:pengelola55@yahoo.com
URL:http://www.tutorial46.blogspot.com/
Facebook:http://www.facebook.com/endro.prasiswo
Free Domain Search

Pengikut

komentar terbaru

total komentar

MASUKKAN EMAIL KAMU UNTUK MENDAPATKAN BONUS EBOOK

Masukkan alamat email kamu:

Delivered by Tutorial46

Tool chek rangking website

KLIK LINK-LINK INI UNTUK MENAIKKAN RANGKING BLOG ANDA

Bisnis online gratisan

PENGELOLA Twitter Button from twitbuttons.com