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.

Artikel Terkait:

Tips Blogger

• Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
• Kumpulan Icon Read More Blog
• Cara Membuat Threaded Comment (Fitur Reply)
• Cara Membuat Read More Otomatis Dengan Tombol Gambar
• Cara Membuat Read More Otomatis Di Blog
• Script Anti Klik Kanan + Ctrl U + Ctrl C
• Cara membuat Efek banjir di blog
• Cara Membuat Anti Klik Kanan Dengan Gambar
• Cara Membuat Gambar Pembuka pada Blog
• Cara Membuat Buku Tamu Yang Keren
• Cara Membuat Buku Tamu Model Sliding
• Cara Mudah Mendapatkan Sitelink Google
• Cara Menampilkan Link Otomatis Saat Blog di Copy Paste
• Cara Membuat Halaman Maintenance Pada Blogspot
• Cara Membuat komentar admin berbeda dengan pengunjung
• Cara Memasang pesan Terimakasih di bawah komentar
• Pasang Avatar Di Kotak Komentar Blog
• Cara Membuat menu slide info di blog dengan css
• Cara Membuat Balon Tooltip Otomatis Ke Semua Title Yg Ada Di Blog
• Cara Membuat Menu Slide melayang di bagian kiri blog dengan css
• Cara membuat zFP menu di Blog
• Javascript Disable Keybord
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG

Accesoris Blog

• Cara Membuat Cursor following menu
• Cara Membuat Background Pada Cbox
• Cara Membuat Label Cloud Tanpa Edit HTML
• Cara Memasang Total Komentar dan Total Posts
• Cara Membuat Link Pada Label Bergeser Saat Disorot (Link Nudging)
• Cara Membuat Buku Tamu Show/Hide Dari Atas
• Cara Memasang Tombol "Save as PDF" Di Blogger
• Cara Membuat Daftar Isi Pada Blog
• Cara Membuat Icon Twitter Burung Terbang
• Tips Memasang Buku Tamu/Instant Comment/Chat Box pada Blogger
• Cara Membuat Efek Bubble 'Gelembung' Pada Cursor
• Cara membuat header blog dengan Supalogo
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG
• Cara Pasang Icon di Samping Judul Postingan
• Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
• Clock Widget : Jam Mengikuti Kursor
• Cara MemBuat/Pasang Navigasi Breadcrumb di Blogger
• Cara membuat Omni Slide Menu Pada BLog
• Cara Membuat Menu dTree
• Cara Bikin Float Gambar Pada Blog
• Tag cloud cumulus update
• Cara Membuat Double Klik untuk Back to Top (Kembali ke Atas)
• Membuat Navigasi Halaman Bernomor/Paging