Browse » Home » » » Membuat Menu Blog Keren

Membuat Menu Blog Keren

Membuat Menu Blog Keren .Anda pasti bertanya menu blog seperti apa ? bentuknya seperti pada blog saya di sebelah kanan yang berwarna Hijau kalau mousenya di dekatkan maka menu blognya akan keluar,
Klik disini  : Demo 


Mau tau bagaiman cara membuatnya , langsung aja :

1. pastinya login terlebih dahulu
masuk ke tata letak (layout) >> elemen halaman

2. tambah gedget >> html/java script
3. masukkan code berikut:


<script language="JavaScript1.2" src="http://oktri.googlecode.com/files/slide%20menu%20keren.js"></script>
<script>
resizereinit=true;

menu[3] = {
id:'menu3',
bartext:'MENU BLOG',
menupos:'left',
kviewtype:'fixed',
barbgcolor:"#00ff00",
barcolor:"#000000",
barfontweight:"bold",
bordercolor:'#000000',
hdingbgcolor:"#ffffff",
fontsize:'80%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://www.oktri.co.cc/", "_self"],
["My Facebook", "http://www.facebook.com/oktri.darmadi",""],
["Berita", "http://www.okezone.com/", ""],
["Kaskus", "http://www.kaskus.us", ""],
["My Profile", "http://www.blogger.com/profile/08032455232856850277", ""],
["free Download", "http://www.download.com", ""],
["Tips And Trics Blog", "http://oktridarmadi.blogspot.com", ""],
["Bisnis Uang Blog", "http://www.bisnis.com/", ""],
["free game", "http://freegamepick.com", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry
]};

make_menus();
</script>
Keterangan :

+ Ganti Direct Link http://oktri.googlecode.com/files/slide%20menu%20keren.jsdengan Direct Link File JS anda sendiri, sebab script tersebut bisa over load jika terlalu banyak yg menggunakan, anda bisa download script JS nya.
+ Ganti tulisan yang warna orange dengan judul untuk Side menu Navigasi sesuai yang anda inginkan.
+ Kode yang saya tulis dengan warna hitam adalah kode warna yang bisa anda ganti dengan kode warna yg anda inginkan.
+ Ganti link dan judul link yang saya tulis dengan warna merahdan Biru dengan link Anda sendiri.
+ Ganti Tulisan right yang saya tulis dengan warna Coklat dengan left jika anda ingin Side Menu ini muncul disebelah kiri body blog.

4. Klik Simpan dan selesai.

About this entry

Anda sedang membaca Membuat Menu Blog Keren.

Penulis : Oktri darmadi
Diterbitkan :
di 23.25 on Selasa, 29 September 2009
Kategori:
,
Tulisan Sebelumnya:
Posting Lama
Tulisan Selanjutnya:
Posting Lebih Baru

Related Post

  1. Tips Memasang Buku Tamu/Instant Comment/Chat Box pada Blogger
  2. Cara Mudah Agar Blog Menjadi No.1 di Pencarian Google
  3. 5 Cara Mudah Memasang Keyword Blogspot
  4. Cara membuat zFP menu di Blog
  5. Javascript Disable Keybord
  6. Membuat menu melayang dengan sentuhan Jquery dan CSS3
  7. Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
  8. CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG
  9. Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
  10. Cara Memasang Reply Pada Kotak Komentar
  11. Clock Widget : Jam Mengikuti Kursor
  12. Cara Membuat Cursor following menu
  13. Cara Membuat Background Pada Cbox
  14. Cara Membuat Label Cloud Tanpa Edit HTML
  15. Cara Memasang Total Komentar dan Total Posts
  16. Cara Membuat Link Pada Label Bergeser Saat Disorot (Link Nudging)
  17. Cara Membuat Buku Tamu Show/Hide Dari Atas
  18. Cara Memasang Tombol "Save as PDF" Di Blogger
  19. Cara Membuat Daftar Isi Pada Blog
  20. Cara Membuat Icon Twitter Burung Terbang