Cara Membuat Menu Blog Keren

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwykQjQeCn__HhQPjBLFAhpiueb2c6V4NlYMXvJjyiyhsnAJsLx6MtSZ7TEBgaMSvHhMj60p7qOo49JiDFWBFDE8DgeAa9ODlkWCfIIndDY4pDr8WU-fWvLcmYDcXYJa9ux6jCoSQVBzI/s1600/menu+keren.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwykQjQeCn__HhQPjBLFAhpiueb2c6V4NlYMXvJjyiyhsnAJsLx6MtSZ7TEBgaMSvHhMj60p7qOo49JiDFWBFDE8DgeAa9ODlkWCfIIndDY4pDr8WU-fWvLcmYDcXYJa9ux6jCoSQVBzI/s320/menu+keren.jpg" width="320" /></a></div>Hello Pengunjung Blog Informasi akan berbagi tutorial Membuat Menu Blog Keren .Mungkin sebagian teman Blogger sudah banyak mengetahui nya, tetapi tidak ada salahnya Blog informasi berbag tutorial ini, Sekilas Info seperti apa menu keren itu yaitu menu pada blog di sebelah kanan yang berwarna Hijau kalau mousenya di dekatkan maka menu blognya akan keluar, <br />Klik disini  : <a href="http://asalbelajar.blogspot.com/">Demo  </a><br /><br /><br />Mau tau bagaiman cara membuatnya , langsung aja :<br /><br />1. pastinya login terlebih dahulu<br />masuk ke tata letak (layout) >> elemen halaman<br /><br />2. tambah gedget >> html/java script<br />3. masukkan code berikut:<br /><blockquote><span class="hidenpost"><script language="JavaScript1.2" src="</span>http://oktri.googlecode.com/files/slide%20menu%20keren.js<span class="hidenpost">"></script></span><br /><span class="hidenpost"> <script></span><br /><span class="hidenpost"> resizereinit=true;</span><br /><span class="hidenpost"> </span><br /><span class="hidenpost"> menu[3] = {</span><br /><span class="hidenpost"> id:'menu3',</span><br /><span class="hidenpost"> bartext:'<span style="color: orange;">MENU BLOG</span>',</span><br /><span class="hidenpost"> menupos:'left',</span><br /><span class="hidenpost"> kviewtype:'fixed',</span><br /><span class="hidenpost"> barbgcolor:"#00ff00",</span><br /><span class="hidenpost"> barcolor:"#000000",</span><br /><span class="hidenpost"> barfontweight:"bold",</span><br /><span class="hidenpost"> bordercolor:'#000000',</span><br /><span class="hidenpost"> hdingbgcolor:"#ffffff",</span><br /><span class="hidenpost"> fontsize:'80%',</span><br /><span class="hidenpost"> linkheight:20 ,</span><br /><span class="hidenpost"> hdingwidth:210 ,</span><br /><span class="hidenpost"> </span><br /><span class="hidenpost"> menuItems:[</span><br /><span class="hidenpost"> ["<span style="color: blue;">Home</span>", "<span style="color: red;">http://tips-informasi-blog.blogspot.com/</span>", "_self"],</span><br /><span class="hidenpost"> ["<span style="color: blue;">My Faceboo</span>k", "<span style="color: red;">http://www.facebook.com/</span>",""],</span><br /><span class="hidenpost"> ["<span style="color: blue;">Berita</span>", "<span style="color: #cc0000;">http://www.okezone.com</span>/", ""],</span><br /><span class="hidenpost"> ["<span style="color: blue;">Kaskus</span>", "<span style="color: red;">http://www.kaskus.us</span>", ""],</span><br /><span class="hidenpost"> ["<span style="color: blue;">My Profile</span>", "<span style="color: #cc0000;">http://www.blogger.com/profile/09032337680349522330</span>", ""],</span><br /><span class="hidenpost"> ["<span style="color: blue;">free Download</span>", "<span style="color: #ff6666;">http://www.download.com</span>", ""],</span><br /><span class="hidenpost"> ["<span style="color: blue;">Tips And Trics Blog</span>", "<span style="color: #cc0000;"></span></span><span class="hidenpost"><span style="color: red;">http://tips-informasi-blog.blogspot.com/</span></span><span class="hidenpost"><span style="color: #cc0000;"></span>", ""],</span><br /><span class="hidenpost"> ["<span style="color: blue;">Bisnis Uang Blog</span>", "<span style="color: #ff6666;">http://www.bisnis.com/</span>", ""],</span><br /><span class="hidenpost"> ["<span style="color: blue;">free game"</span>, "<span style="color: #ff6666;">http://freegamepick.com</span>", ""],</span><br /><span class="hidenpost"> ["<span style="color: blue;">Back To Top</span>", "#", ""] //tidak ada tanda koma pada akhir entry</span><br /><span class="hidenpost"> ]};</span><br /><span class="hidenpost"> make_menus();</span><br /><span class="hidenpost"> </script></span><span class="hidenpost"></span></blockquote><span class="hidenpost"> </span><span class="hidenpost"><br /></span>Keterangan :<br /><br />+ Ganti Direct Link <b style="margin: 0px; padding: 0px;">http://oktri.googlecode.com/files/slide%20menu%20keren.js</b>dengan Direct Link File JS anda sendiri, sebab script tersebut bisa over load jika terlalu banyak yg menggunakan, anda bisa download script JS nya.<br />+ Ganti tulisan yang warna <span style="color: #ff9900; margin: 0px; padding: 0px;">orange</span> dengan judul untuk Side menu Navigasi sesuai yang anda inginkan.<br />+ Kode yang saya tulis dengan warna <span style="color: black; margin: 0px; padding: 0px;"><b style="margin: 0px; padding: 0px;">hitam</b></span> adalah kode warna yang bisa anda ganti dengan kode warna yg anda inginkan.<br />+ Ganti link dan judul link yang saya tulis dengan warna <span style="color: red; margin: 0px; padding: 0px;">merah</span>dan <span style="color: blue; margin: 0px; padding: 0px;">Biru</span><span style="color: blue;"> </span>dengan link Anda sendiri.<br />+ Ganti Tulisan right yang saya tulis dengan warna Coklat dengan left jika anda ingin Side Menu ini muncul disebelah kiri body blog.<br /><br />4. Klik Simpan dan selesai.

Hello Pengunjung Blog Informasi akan berbagi tutorial Membuat Menu Blog Keren .Mungkin sebagian teman Blogger sudah banyak mengetahui nya, t...

Read More