Caranya adalah sebagai berikut :
1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian.
6. Cari kode : <head>
7. Letakkan Kode CSS dibawah ini sebelum atau diatas kode <head> kalau tidak bisa taruh dibawahnya saja.
<link type="text/css" href="https://sites.google.com/site/jayanaktkj/css/css.css" rel="stylesheet" />
<script type="text/javascript" src="https://sites.google.com/site/jayanaktkj/css3/jquery.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jayanaktkj/css3/menu.js"></script>
NB:
Kalian bisa juga mengganti kode https://sites.google.com/site/jayanaktkj/css/css.css dengan kode yang ini https://sites.google.com/site/jayanaktkj/menu-black/menu.css yaitu kode menu transparan.
8. Setelah Itu Beralihlah dan cari kode <body>
9. Letakkan kode dibawah ini sebelum atau diatas kode <body>
<div id="menu">
<ul class="menu">
<li><a href="http://jaya-tkj.blogspot.com" class="parent"><span>Beranda</span></a>
<li><a href="alamat blog" class="parent"><span>Tips dan Trik</span></a>
<div><ul>
<li><a href="alamat blog" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="alamat blog"><span>Sub Item 1.1</span></a></li>
<li><a href="alamat blog"><span>Sub Item 1.2</span></a></li>
</ul></div>
</li>
<li><a href="alamat blog" class="parent"><span>Sub Item 2</span></a>
<div><ul>
<li><a href="alamat blog"><span>Sub Item 2.1</span></a></li>
<li><a href="alamat blog"><span>Sub Item 2.2</span></a></li>
</ul></div>
</li>
<li><a href="alamat blog"><span>Sub Item 3</span></a></li>
<li><a href="alamat blog"><span>Sub Item 4</span></a></li>
<li><a href="alamat blog"><span>Sub Item 5</span></a></li>
<li><a href="alamat blog"><span>Sub Item 6</span></a></li>
<li><a href="alamat blog"><span>Sub Item 7</span></a></li>
</ul></div>
</li>
<li><a href="alamat blog"><span>Rss Feed</span></a></li>
<li class="last"><a href="alamat blog"><span>Kontak</span></a></li>
</ul>
</div>
NB :
Ganti tulisan alamat blog dengan alamat blog kalian masing maising, dan ganti tulisan Sub Item dengan judul blog anda.
10. Save
Good Luck
Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Tips Blogger
- Scroll Tampil Dipostingan Jika Diperlukan
- Membuat background Pada Judul Sidebar
- Menambahkan Twitter Button di Blog
- Membuat Saving Energy Dengan Gambar Sendiri
- Fixed Guestbook Slide Effect With jQuery
- Naruto Emot Untuk Komentar
- Efek Animasi Dasar Pada Blog
- Cara Mudah Membuat Tool Tip Dengan CSS
- Cara Mudah Membuat Textarea
- Membuat Menu Iklan (jQuery Ads Popout)
- Cara Membuat Slideshow Gambar (with jQuery)
- Membuat Simple Menu
- Efek-efek Tulisan Menggunakan CSS3
- Membuat Menu Daftar Isi Jtoctree
- Image Zoom Effect With Jquery
- Shoutbox Light Effect
- Membuat Hover Image CSS3 Pada Blog (Seperti Blog ini )
- Bertabur Cinta
- Light Hover Horizontal Menu With CSS For Blogger
- Cara Memindah-Mindahkankan Gambar Dengan jQuery
- Cara mudah memasukkan banyak Tab Widget pada sidebar
- Cara Pasang Efek Kupu - Kupu Berterbangan
- Merobah Domain Menjadi CO.TV
- Cara Memasang Efek Bintang Berjatuhan di Blog
- Make Border-Radius
