Membuat Widget Menu Circulated
ebenk789 | Jan 19, 2009 | 4 comments
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>
<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.
Mungkin anda Suka
Filed Under: Widget
weleh weleh weleh menunya berputar putar, ehhh bener yak, baguus banget mass…
tabiek
senoaji
aduh blom nyoba yg kemaren kemaren udah ada yg baru
makasih bro atas artikelnya. salam kenal dari cah semarang
nuhun sangat…