Home » » Menu Navigasi Style Black

Menu Navigasi Style Black



Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode : <head>
7. Letakkan Kode CSS dibawah ini sebelum atau diatas kode <head> kalau tidak bisa taruh dibawahnya saja.
<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>
8. Setelah Itu Beralihlah dan cari kode  <body>
9. Letakkan kode dibawah ini sebelum atau diatas kode <body>
<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>
NB:
Ganti tulisan alamat blog dengan alamat blog kalian masing maising, dan ganti tulisan Sub Item dengan judul blog anda.

10. Save
Good Luck

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .