Home » » Membuat Menu Style Black JQuery

Membuat Menu Style Black JQuery

menustyleblackjquery


contoh menu style black jQuery disini

* Login ke bloger masuk kerancangan dan pilih Edit HTML
* Cari kode <head> taruh kode dibawah ini sebelum atau diatas kode <head> atau juga bisa ditaruh di sidebar dengan menambahkan gadget HTML


<link type="text/css" href="https://sites.google.com/site/jayanaktkj/menublack-style/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="https://sites.google.com/site/jayanaktkj/menublack-style/jquery.js"></script>
    <script type="text/javascript" src="https://sites.google.com/site/jayanaktkj/menublack-style/menu.js"></script>

* Terus cari kode <body> letakan kode dibawah ini sebelum atau diatas kode <body> kode ini juga bisa juga diletakan di sidebar yaitu dengan cara tanbag Gadget

<div id="menu">
    <ul class="menu">
        <li><a href="http://jaya-tkj.blogspot.com" class="parent"><span>Beranda</span></a>
          <li><a href="alamat blog" class="parent"><span>Tips dan Trik</span></a>
            <div><ul>
                <li><a href="alamat blog" class="parent"><span>Sub Item 1</span></a>
                    <div><ul>

                        <li><a href="alamat blog"><span>Sub Item 1.1</span></a></li>
                        <li><a href="alamat blog"><span>Sub Item 1.2</span></a></li>
                    </ul></div>
                </li>
                <li><a href="alamat blog" class="parent"><span>Sub Item 2</span></a>
                    <div><ul>
                        <li><a href="alamat blog"><span>Sub Item 2.1</span></a></li>

                        <li><a href="alamat blog"><span>Sub Item 2.2</span></a></li>
                    </ul></div>
                </li>
                <li><a href="alamat blog"><span>Sub Item 3</span></a></li>
                <li><a href="alamat blog"><span>Sub Item 4</span></a></li>
                <li><a href="alamat blog"><span>Sub Item 5</span></a></li>
                <li><a href="alamat blog"><span>Sub Item 6</span></a></li>

                <li><a href="alamat blog"><span>Sub Item 7</span></a></li>
            </ul></div>
        </li>
        <li><a href="alamat blog"><span>Rss Feed</span></a></li>
        <li class="last"><a href="alamat blog"><span>Kontak</span></a></li>
    </ul>
</div>

* Ganti alamat blog dengan alamat blog kalian masing maising 
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Oke Google - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger