Cara pasang menu melayang di blog
Sekarang saya akan share Cara pasang menu melayang di blog, ya anda bisa lihat screenshotnya di atas. Dengan menggunakan trik ini kita bisa menghemat tempat, setuju kita? Ok, berikut langkah-langkah Cara pasang menu melayang di blog.1. Anda login ke akun blogger anda
2. Terus anda masuk ke template > edit HTML
3. Cari kode </body>
4. Pastekan kode dibawah ini tepat di atas </body>
<!-- zFPmenu START -->
<div id='zfpm_div' style='display:none;'>
<div id='zfpm_upperBox'>
<!-- Place ads, text message, or anything here. -->
</div>
<ul id='zfpm_ul'>
<!-- Your menus start -->
<li class='dir'><a href='/'>Menu 1 </a>
<ul>
<li class='dir'><a href='/'>Submenu 1.1</a>
<ul>
<li><a href=' link yang dituju '>Sub-submenu 1.1.1</a></li>
<li><a href=' link yang dituju '>Sub-submenu 1.1.2</a></li>
</ul>
</li>
<li><a href=' link yang dituju '>Submenu 1.2</a></li>
<li><a href=' link yang dituju '>Submenu 1.3</a></li>
</ul>
</li>
<li class='dir'><a href='/'>Menu 2</a>
<ul>
<li class='dir'><a href='/'>Submenu 2.1</a>
<ul>
<li><a href=' link yang dituju '>Sub-submenu 2.1.1</a></li>
<li><a href=' link yang dituju '>Sub-submenu 2.1.2</a></li>
</ul>
</li>
<li><a href=' link yang dituju '>Submenu 2.2</a></li>
<li><a href=' link yang dituju '>Submenu 2.3</a></li>
</ul>
</li>
<!-- Your menus end -->
</ul></div>
<script type='text/javascript'>
var zfpm_colorTheme = 'dark'
var zfpm_shareBox = 'no';
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js' type='text/javascript'/>
<!-- zFPmenu END -->
<div id='zfpm_div' style='display:none;'>
<div id='zfpm_upperBox'>
<!-- Place ads, text message, or anything here. -->
</div>
<ul id='zfpm_ul'>
<!-- Your menus start -->
<li class='dir'><a href='/'>Menu 1 </a>
<ul>
<li class='dir'><a href='/'>Submenu 1.1</a>
<ul>
<li><a href=' link yang dituju '>Sub-submenu 1.1.1</a></li>
<li><a href=' link yang dituju '>Sub-submenu 1.1.2</a></li>
</ul>
</li>
<li><a href=' link yang dituju '>Submenu 1.2</a></li>
<li><a href=' link yang dituju '>Submenu 1.3</a></li>
</ul>
</li>
<li class='dir'><a href='/'>Menu 2</a>
<ul>
<li class='dir'><a href='/'>Submenu 2.1</a>
<ul>
<li><a href=' link yang dituju '>Sub-submenu 2.1.1</a></li>
<li><a href=' link yang dituju '>Sub-submenu 2.1.2</a></li>
</ul>
</li>
<li><a href=' link yang dituju '>Submenu 2.2</a></li>
<li><a href=' link yang dituju '>Submenu 2.3</a></li>
</ul>
</li>
<!-- Your menus end -->
</ul></div>
<script type='text/javascript'>
var zfpm_colorTheme = 'dark'
var zfpm_shareBox = 'no';
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js' type='text/javascript'/>
<!-- zFPmenu END -->
Silahkan anda ganti link yang dituju dengan link yang anda pilih
Silahkan anda ganti menu dan submenu dengan selera anda
Dan yang DARK anda bisa sesuaikan dengan template anda (dark / light)
Dan yang NO anda bisa aktif/nonaktifkan tombol share (no/yes)
5. Terakhir silahkan anda save......dan lihat hasilnya. selamat mencoba
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot
Sobat sedang membaca artikel tentang Cara Pasang Menu Melayang di Blogger. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
1 komentar:
Reply
postingan ini sangat menarik serta enak dibaca, saya berharap bisa berkunjung lagi
Posting Komentar
BLOG INI DOFOLLOW .
Silahkan tinggalkan komentar dan kritik sobat, tapi mohon jangan SPAM ya..!
Komentar SPAM akan di HAPUS oleh admin.
Komentar yang membangun sangat dibutuhkan oleh blog ini.
Terima Kasih.