Cara Pasang Menu Melayang Pada Bagian Bawah Template
Berikut langkah-langkahnya :
- Login ke blog sobat kemudian pilih Rancangan dan Edit Hmtl
- Sebelum melakukan pengeditan, sebaiknya back up terlebih dahulu template sobat.
- Expand template widget.
- Kemudian tempatkan kode berikut diatas kode </body>.
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
tempat ads sobat
</div>
<ul id="zfpm_ul">
<!-- Your menus start -->
<li><a href="">YOUR MENU-1</a></li>
<li class="dir"><a href="">YOUR MENU 2 (containing submenu)</a>
<ul>
<li class="dir"><a href="">YOUR SUBMENU 2.1 (containing sub-submenu)</a>
<ul>
<li><a href="">YOUR SUB-SUBMENU 2.1.1</a></li>
<li><a href="">YOUR SUB-SUBMENU 2.1.2</a></li>
</ul>
</li>
<li><a href="">YOUR SUBMENU 2.2</a></li>
<li><a href="">YOUR SUBMENU 2.3</a></li>
</ul>
</li>
<li><a href="">YOUR MENU 3</a></li>
<!-- Your menus end -->
</ul></div>
<script type="text/javascript">
var zfpm_colorTheme = 'light'
var zfpm_shareBox = 'no';
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>
Untuk melakukan setting tampilannya berikut yang sobat mesti rubah :
- var zfpm_colorTheme = 'light'; pilihan: 'dark' atau 'light'.
- var zfpm_customBackgroundImage = ' '; pilihan : full URL of an image.
- var zfpm_customBackgroundColor = ' '; pilihan: contoh: '#999999'.
- var zfpm_shareBox = 'yes'; pilihan: 'yes' atau 'no'.
- var zfpm_shareBoxPosition = 'right'; pilihan: 'left' atau 'right'.
- var zfpm_shareBoxCustomWidth = ' '; pilihan: contoh: '300'.
- var zfpm_waitForPageLoad = 'yes'; pilihan: 'yes' atau 'no'.
| Tweet |
Reviewer : Andi Syam
Description : Cara Pasang Menu Melayang Pada Bagian Bawah Template
Item Reviewed : Cara Pasang Menu Melayang Pada Bagian Bawah Template
Rating : 4.5
Incoming search : Tutorial Blogger , Cara Pasang Menu Melayang Pada Bagian Bawah Template








10 Komentar untuk "Cara Pasang Menu Melayang Pada Bagian Bawah Template" | Tambahkan komentar
terima kasih gan...
kalo wordpress bisa kagak om
@Mangaku, setahu saya wordpress ga suka sama javascript gan, saya blum coba untuk wordpress untuk tutorial ini masih untuk blogspot gan, thanks ya dah mampir..:)
ogh kalo wordpress .com emank nggak suka JS
tapi saya pake Wordpress self hosting kan beda ;D
@Mangaku, thanks sobat, dicoba aja dulu gan soalnya lama gak pernah coba di wordpress selfhosting
@Asmara, sama-sama gan
kalo yg pake html biasa ada g bro??
@nico, saya belum coba sob, tapi tetap saja pake java script
ngedit nya gimana Om
kok malah eror dia na.??
info menarik, nanti saya coba2 ya masbro, ini lagi mengurangi bobot blog yang agak gembrot :D
silaturahmi gan and happy blogging
Sampaikan Pesan Sobat yang sesuai dengan materi yang diposting...Don't Spam