Cara buat Menu Navigasi Ala Rak Buku



 Menu Navigasi Ala Rak Buku
Menemani sobat blogger yang suka mengutak atik blog agar kelihatan Ganteng, kumpulancara kembali hadir dalam acara dan Gelombang Menu me Menu.
Setelah beberapa hari lalu kita membahas berbagai cara membuat menu blog yang keren antara lain :
Cara Buat Menu Rolling Ala Goyang Ayu ting ting
Cara Buat Menu Flip Animasi Ala Mak EROT
Cara buat Menu ala Lavalamp 6 warna
Cara buat dan pasang menu Flash Keren
Cara buat Drop Down menu Blue Dawn
Cara buat Drop Down menu Sunrise Gloss
Cara buat Drop Down menu Massive Blue
Cara Mudah buat Menu Melayang di sisi kiri Blog

Kini saatnya kita buat lagi Menu Navigasi Ala Rak buku, Berikut cara pasang di blog : Cek TKP dulu Gan


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>Product Guide</span></a>
<ul class="sub">
<li class="cover">Product Guide<br /><i>by Kumpulancara.com </i><em>Hover to open ...</em></li>
<li class="content">
<b>Contents</b>
<a href="#url">1. Mak erot</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>A Concise History</span></a>
<ul class="sub">
<li class="cover">Menu Sarapan<br /><i>by Kumpulancara.com </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>Design for Beginners</span></a>
<ul class="sub">
<li class="cover">Halaman Cinta<br /><i>by Kumpulancara.com</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>Address Book</span></a>
<ul class="sub">
<li class="cover">Alamat ku<br /><i>by Kumpulancara.com</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>Travellers Tales</span></a>
<ul class="sub">
<li class="cover">Musik Koe<br /><i>by Kumpulancara.com</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.

facebook Comments



13 comments

gan ..posting menu yang kaya transcorp.co.id donk ...
keren tuh ..ahihihi

Agan bisa baca disini cara buat menu seperti transcorp
http://ndesign-studio.com/blog/css-dock-menu

Nice info...
Komen balik ya, gan

Salam
http://nurrohmattriatmojo.blogspot.com/

Wuah mantep banget ini navigasi nya.. baru liat saya ada navigasi model kayak gini... :D thanks tutorialnya gan

3.3.12

benar benar keren ne postingan nya gan.
terima kasih ya gan udh mau postingin artikel keren ini...

tapi kalo boleh tau ne gan...
yang dimasukin kan url nya gan...
gimana kalo kode buku tamu yg dimasukin ke dalam slide diatas,bisa gk gan...???

6.3.12

wah unik ya...sepertinya jarang dipakai navigasi kayak gini...Thanks

Poskan Komentar

Terimakasih Kunjungan Anda - Silahkan Komentar- Salam Blogger Mohon Jangan Spam

 

Blogroll

Arsip Blog