Tutorial Widget zFPmenu merupakan Widget yang dipasang di pojok kiri bawah. Dalam widget ini selain qt bisa menempatkan menu yang ada di Blog juga bisa menempatlan tulisan dan ada button tuk mengarahkan ke atas atau ke bawah.
Langkah-langkah tu memasang widget ini :
var zfpm_customBackgroundColor = '#'; valid input: contoh: '#999999'.
var zfpm_shareBox = 'yes'; valid input: 'yes' atau 'no'.
var zfpm_shareBoxPosition = 'right'; valid input: 'left' atau 'right'.
var zfpm_shareBoxCustomWidth = '0'; valid input: contoh: '300'.
var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' atau 'no'.
1. Login di Blogger > pada Dasboard pilih Rancangan > Edit HTML
2. Centang / Check List dulu "expand widget templates"
3. Cari kode </body> kemudian copy - paste kode di bawah ini sebelum kode tersebut
2. Centang / Check List dulu "expand widget templates"
3. Cari kode </body> kemudian copy - paste kode di bawah ini sebelum kode tersebut
<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
Silahkan Isi dgn tulisan atau apa aja.
</div>
<ul id="zfpm_ul">
<!-- Mulai Menu Anda-->
<li><a href="">MENU ANDA 1</a></li>
<li class="dir"><a href="">MENU ANDA 2 (berisi submenu)</a>
<ul>
<li class="dir"><a href="">SUBMENU MENU 2.1 (berisi sub-submenu)</a>
<ul>
<li><a href="">SUB-SUBMENU ANDA 2.1.1</a></li>
<li><a href="">SUB-SUBMENU ANDA 2.1.2</a></li>
</ul>
</li>
<li><a href="">SUBMENU ANDA2.2</a></li>
<li><a href="">SUBMENU ANDA2.3</a></li>
</ul>
</li>
<li><a href="">MENU ANDA 3</a></li>
<!-- Akhir Menu Anda -->
</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>
<!-- zFPmenu END -->
Perhatian :
Tempatkan class="dir" attribut tersebut didalam li tag dimana anda ingin menambah sub menu.
var zfpm_colorTheme = 'light'; valid input: 'dark' atau 'light'.
var zfpm_customBackgroundImage = '#'; valid input: full URL gambar anda.var zfpm_customBackgroundColor = '#'; valid input: contoh: '#999999'.
var zfpm_shareBox = 'yes'; valid input: 'yes' atau 'no'.
var zfpm_shareBoxPosition = 'right'; valid input: 'left' atau 'right'.
var zfpm_shareBoxCustomWidth = '0'; valid input: contoh: '300'.
var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' atau 'no'.
Widget ini bisa buat keren dan memudahkan pembaca untuk mencari yang mereka inginkan dalam blog qt. Selamat mencoba ......
"Good Luck"
Posting Komentar