Google
 

Friday, November 2, 2007

javascript horizontal menu

javascript horizontal menu

membuat menu horizontal dengan javascript,di samping menggunakan file javascript disini kita juga menggunakan file css
1. Pertama-tama letakan kode di bawah ini di atas <head>


<link href='http://catur.pramono.googlepages.com/csshorizontalmenu.css' rel='stylesheet' type='text/css'/>

<script src='http://catur.pramono.googlepages.com/csshorizontalmenu.js' type='text/javascript'>

</script>


2. Kemudian letakan kode dibawah ini di bawah header,

<div class='horizontalcssmenu'>
<ul id='cssmenu1'>
<li><a href=" http://catoer.blogspot.com/2007/10/membuat-menu-dtree-blogger-lamaklasik.html /"> banner</a></li>
<li><a href=" http://catoer.blogspot.com/2007/10/membuat-teks-area.html ">teks area</a></li>
<li><a href="http://catoer.blogspot.com">adbrite</a></li>
<li><a href="#">menu css</a>
<ul>
<li><a href="http://catoer.blogspot.com">menu vertical</a></li>
<li><a href="http://catoer.blogspot.com">menu horisontal</a></li>
<li><a href="http://catoer.blogspot.com">menu dtree</a></li>
</ul>
</li>
<li><a href="http://temblogs.blogspot.com ">template</a></li>
<li><a href="http://tikafleur.wordpress.com ">hary potter</a></li>
<li><a href="#">my blogs</a>
<ul>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
</ul>
</li>
</ul>
<br style='clear: left;'/>
</div>

letakan di antara
</b:section>
..........
</div> .

CONTOH LIHAT DISINI
silakan mencoba

2 komentar:

arto smt said...

Tks... blog ini menarik. Banyak informasi yang dibutuhkan tentang edit blog dan aksesoris blog... tapi saya masih belum berhasil buat "horisontal menu", mungkin saya yang belum ngeh... bravo catoer

Arto Soemantri said...

Tks...banyak info yang saya butuhkan di blog ini... bravo inspirator. Cuman saya masih belum ber hasil untuk pengaturan "horisontal menu", atau smungkin belum ngeh aja...

LINK EXCHANGE

Link to Us We'd Link You Back Copy the code below, insert in to your blog
Mau tukar link silakan copy/paste code dibawah ini dan tinggalkan pesan di shoutbox


Free shoutbox @ ShoutMix
Tukar Link dan Promosi Website - Webkios Direktori gratis untuk promosi dan tukar link website indonesia dengan berbagai macam kategori. Tambahkan website anda sekarang. Klik disini! Free online advertising Asia Top Websites and Blogs pendapatan gratis Best Malaysian Sites free search engine website submission top optimization
Submit your website to 20 Search Engines - FREE with ineedhits!

Search Engine Optimization and SEO Tools
Submit Your Site To The Web's Top 50 Search Engines for Free! Blogarama - The Blog Directory Bigger Blogger Web Links Directory DMOZ Zilla Free content Directory Free Websites Links Directory.
Free web directory, find real estate, home & decor, Internet, entertainment links. NEW HOPE LINK DIRECTORY - Add Your Web Site To The Link Directory,
Free Directory link Exchange,Swap Link
With Outher Members,Reciprocal Linking Exchange. ToolBug.com - Free Webmaster Tools and Submission Business Directory - Search Compare Buy
Free Advertising Forum, Free Link Exchange, Free Business Directory, Free Products, Free Vouchers
 

© template | adbrite