Membuat Tampilan Widget Menu Circulated



Caranya :

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)

--*Mudah sekali*--


Ket.

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.


Selamat Mencoba n Semoga Bermanfaat



kalo kamu ingin mempunyai tutorial seperti ini


Silahkan Download Disini

0 komentar:

Posting Komentar