Cara buat Menu ala Lavalamp 6 warna

Kembali hadir di Acara Menu me Menu, hai hai Sajian menu kali ini di beri Nama " Lavalamp Bubble Menu ",
Menu Blog merupakan hal yang sangat penting, baik itu di mata pengunjung atau di mata mesin pencari. Semakin menarik Menu yang sobat gunakan di blog tentu semakin keren pula tampilan blog kita, selain berfungsi memperindah blog tentu juga mempermudah pengunjung mencari berbagai artikel di blog.
Sudah banyak bertebaran di dunia maya, di blog tetangga berbagai macam cara membuat menu blog namun tidak ada salahnya kumpulancara.com ikut berpartisipasi meramaikan tutorial Menu me Menu.
Dari berbagai macam pilihan menu yang ada tentunya sobat harus sesuaikan dengan template masing-masing, baiklah mari kita mulai


Pertama
Silahkan  Klik + Centang

Kedua
Cari kode ]]></b:skin>
Setelah ketemu Letakkan kode berikut diatasnya / Sebelum ]]></b:skin>


Ketiga
Selanjutnya cari kode </head>
Silahkan copy dan paste kode berikut di atas atau sebelum </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script src='http://spiceupyourblogextras.googlecode.com/files/lavalamp.js' type='text/javascript'/>

Keempat
Silahkan Simpan

Kelima
Silahkan klik lagi Klik + Pilih
Cara buat Drop Down menu Massive Blue

Copy dan Pastelah Kode berikut didalamnya

<div class="lavalamp" >

<ul>
<li class="active"><a href="/">Home</a></li>
<li><a href="Link-disini">tentang</a></li>
<li><a href="Link-disini">Trik</a></li>
<li><a href="Link-disini">Services</a></li>
<li><a href="Link-disini">Seo</a></li>
<li><a href="Link-disini">Contacts</a></li>
<li><a href="Link-disini">Blablala</a></li>
<li><a href="Link-disini">Trilili?</a></li>
</ul>
<div class="floatr"></div>
</div>

Supaya kelihatan mantap letakkan widgetnya dibawah Header

Gantilah Link-disini dengan link yang akan ditampilkan dan ganti saja keterangan sesuai dengan link yang anda pasang.

Untuk Memilih Warna Menu sesuai Keinginan Sobat bisa ganti kode
<div class="lavalamp" >

Dengan kode Pilihan berikut ini :
<div class="lavalamp magenta" >
<div class="lavalamp cyan" >
<div class="lavalamp yellow" >
<div class="lavalamp orange" >
<div class="lavalamp dark" >

Selamat Berkarya dan Mencoba

Cara buat Menu ala Lavalamp 6 warna 10out of 10 ratings.
Powered by Blogger.