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>
<link rel="stylesheet" type="text/css" href="http://www.geocities.com/ebenk_789/ebenk.css" />
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"><span style="color: rgb(153, 153, 255);">Mail</span> <span>Ke Ebenk789</span></h2>
<ul id="menu">
<li><a href="http://ebenk789.blogspot.com/" id="home" class="menitem"><strong>Home</strong> <span>Ebenk789 Weblog homepage</span></a></li>
<li><a href="http://ebenk789.blogspot.com/search/label/Blogger" id="tutos" class="menitem"><strong>Tutorial</strong> <span>Toturial HTML, Javascript, CSS</span></a></li>
<li><a href="http://ebenk789.blogspot.com/search/label/Javascript" id="files" class="menitem"><strong>Javascript</strong> <span>Kumpulan code javascript untuk blog.</span></a></li>
<li><a href="http://ebenk789.blogspot.com/2008/08/mesin-pencari-ebenk789.html" id="search" class="menitem"><strong>Search</strong> <span>Cari dengan bantuan google.</span></a></li>
<li><a href="http://www.blogger.com/post-create.g?blogID=6599543948232149064#" id="mail" class="menitem"><strong>Mail</strong> <span>Kirim e-mail ke ebenk789.</span></a></li>
<li><a href="http://www.blogger.com/profile/16257604644155351535" id="id" class="menitem"><strong>About</strong> <span>Identitas diri ebenk789.</span></a></li>
<li><a href="http://ebenk789.blogspot.com/search/label/Komputer" id="write" class="menitem"><strong>Tips</strong> <span>Tips computer, Hacking, Repair, etc.</span></a></li>
<li><a href="http://www.blogger.com/post-create.g?blogID=6599543948232149064#" id="logout" class="menitem"><strong>Widget</strong> <span>Get this gadget.</span></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.
4 comments
weleh weleh weleh menunya berputar putar, ehhh bener yak, baguus banget mass...
Replytabiek
senoaji
aduh blom nyoba yg kemaren kemaren udah ada yg baru
Replymakasih bro atas artikelnya. salam kenal dari cah semarang
Replynuhun sangat...
ReplyPost a Comment