28 Mar 2012

Cara buat Menu Navigasi Ala Rak Buku |ZI|Share

Menemani sobat blogger yang suka mengutak atik blog agar kelihatan Ganteng, DeeJayHan kembali hadir dalam acara dan Gelombang Menu me Menu.
Setelah beberapa hari lalu kita membahas berbagai cara membuat menu blog yang keren antara lain :
Kini saatnya kita buat lagi Menu Navigasi Ala Rak buku, Berikut cara pasang di blog : Cek View Demo Dulu


Pertama
Klik + +


Ingat Setiap edit HTML selalu Download Template Lengkap untuk jaga kesalahan

Kedua
Cari kode </head>

Setelah ketemu Copy dan Paste kode Css berikut tepat diatas / Sebelumnya


Silahkan klik


Ketiga

Klik + Pilih

Cara Buat Menu Flip Animasi keren Ala Restoran
Silahkan Copy dan Paste Kode Berikut ini

<div id="info">
<ul class="topUL">
<li class="b1"><a class="p1" href="#url"><span>Menu 1</span></a>
<ul class="sub">
<li class="cover">Menu 1<br /><i>by DeeJayHan-Blog </i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="http://deejayhan.blogspot.com/">1. Home</a>
<a href="#url">2. Mak Icih</a>
<a href="#url">3. Bang Kumis</a>
<a href="#url">4. Bang Jenggot</a>
<a href="#url">5. Bang Brewok</a>
<a href="#url">6. Si Jambang</a>
</li>
</ul>
</li>
<li class="b2"><a class="p1" href="#url"><span>Menu 2</span></a>
<ul class="sub">
<li class="cover">Menu 2<br /><i>by DeeJayHan-Blog </i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. Sarapan Pagi</a>
<a href="#url">2. Sarapan Siang</a>
<a href="#url">3. Sarapan Malam</a>
<a href="#url">4. Mandi Kembang</a>
</li>
</ul>
</li>
<li class="b3"><a class="p1" href="#url"><span>Menu 3</span></a>
<ul class="sub">
<li class="cover">Menu 3<br /><i>by DeeJayHan-Blog</i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. Cerita Cinta</a>
<a href="#url">2. Cinta Pertama</a>
<a href="#url">3. Cinta Kedua</a>
<a href="#url">4. Cinta Ketiga</a>
<a href="#url">5. Putus Cinta</a>
</li>
</ul>
</li>
<li class="b4"><a class="p1" href="#url"><span>Menu 4</span></a>
<ul class="sub">
<li class="cover">Menu 4<br /><i>by DeeJayHan-Blog</i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. facebook ku</a>
<a href="#url">2. Twitter ku</a>
<a href="#url">3. Google+ ku</a>
<a href="#url">4. Skype ku</a>
<a href="#url">5. Alay sekali</a>
<a href="#url">6. Cape deh</a>
</li>
</ul>
</li>

<li class="b5"><a class="p1" href="#url"><span>Menu 5</span></a>
<ul class="sub">
<li class="cover">Menu 4<br /><i>by DeeJayHan-Blog</i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. Dangdut</a>
<a href="#url">2. Pop</a>
<a href="#url">3. Rock</a>
<a href="#url">4. Melayut</a>
<a href="#url">5. Blues</a>
</li>
</ul>
</li>
</ul>
<div class="shelf"></div>
</div> <!-- end of info -->

Terakhir Klik SIMPAN

Keterangan:
SilahkanGanti tanda # dengan Alamat Url yang diingin kan, dan silahkan Ganti Nama Menu sesuai selera dan kebutuhan masing masing

1 komentar:

  1. Hello, i read your blog from time to time and i own a similar one and
    i was just curious if you get a lot of spam feedback?
    If so how do you prevent it, any plugin or anything you can advise?
    I get so much lately it's driving me insane so any help is very much appreciated.

    my web site - http://www.cityproblem.info/oxwall/link/4106

    BalasHapus

Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan untuk "Berlangganan Lewat Email" untuk membangun kreatifitas blog ini
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Bergabung dengan kami untuk menjadi member ► | JOIN TO MEMBER BLOG | Dan mendapat fasilitas penuh