Pages

Cara buat Menu Navigasi Ala Rak Buku

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
Cara buat Menu Navigasi Ala Rak Buku 10out of 10 based on 10 ratings. 10 user reviews.
Description: Deskripsi Anda Disini
Rating: 4.5 4.5