Membuat Widget Menu Circulated

Hmm.. Mumpung libur saya mau puas-puasin buat posting. Tapi moga aja postingannya bermutu ^_^

Kali ini saya ingin berbagi tentang cara membuat widget menu beredar. Itu lho kayak gambar menu diatas. Atau untuk demonya klik disini Caranya sangat mudah dan simple lho.. Mau tau caranya..??? Lanjut aja yuk..

1. Login ke blog

2. Pergi menuju menu Edit HTML

3. Copy lalu pastekan code dibawah setelah code <head>

4. Save template

5. Klik Elemen Halaman

6. Lalu tambah gadget dan pilih HTML/JAVASCRIPT

7. Pastekan code dibawah ini

<div id="menwrap">
<div id="ie_height_fix">
<h2 class="mail">Mail Ke Ebenk789</h2>
<ul id="menu">
<li><a href="http://ebenk789.blogspot.com/" id="home" class="menitem">Home Ebenk789 Weblog homepage</a></li>
<li><a href="http://ebenk789.blogspot.com/search/label/Blogger" id="tutos" class="menitem">Tutorial Toturial HTML, Javascript, CSS</a></li>
<li><a href="http://ebenk789.blogspot.com/search/label/Javascript" id="files" class="menitem">Javascript Kumpulan code javascript untuk blog.</a></li>
<li><a href="http://ebenk789.blogspot.com/2008/08/mesin-pencari-ebenk789.html" id="search" class="menitem">Search Cari dengan bantuan google.</a></li>
<li><a href="http://www.blogger.com/post-create.g?blogID=6599543948232149064#" id="mail" class="menitem">Mail Kirim e-mail ke ebenk789.</a></li>
<li><a href="http://www.blogger.com/profile/16257604644155351535" id="id" class="menitem">About Identitas diri ebenk789.</a></li>
<li><a href="http://ebenk789.blogspot.com/search/label/Komputer" id="write" class="menitem">Tips Tips computer, Hacking, Repair, etc.</a></li>
<li><a href="http://www.blogger.com/post-create.g?blogID=6599543948232149064#" id="logout" class="menitem">Widget Get this gadget.</a></li>
</ul>
</div>
</div>

8. Save Widget (selesai)

Bagaimana..??? Mudah bukan..???

Jika kamu ingin merubah atau mengganti gambar yang saya sertakan dengan gambar koleksi kamu, langkah yang dapat kamu lakukan yaitu download file ebenk.css lalu upload file. Setelah itu, ganti code yang berwarna merah dari kode <link rel="stylesheet" type="text/css" href="http://www.geocities.com/ebenk_789/ebenk.css" /> Dengan code link hasil upload tadi.