Pages

Senin, 23 Mei 2011

Cara Membuat zFPmenu

       Assalamuallaikum Wr. Wb. Sebelumnya karya anak kidoel mohon maaf bila ada kesalahan dalam penulisan artikel ini. kali ini karya anak kidoel akan memberikan sedikit tips yang mungkin sudah ngga asing lagi bagi kalian dan ini juga sekedar iseng aja untuk mengisi waktu yang kosong dari pada manyun atau ngelamun yang bahasa gaulnya teh menghayal heheheh.


       Baiklah mungkin karya anak kidoel tidak akan panjang lebar untuk menulis posting ini. Ok kali ini karya anak kidoel akan membahas tentang cara membuat zFPmenu atau bisa anda lihat di bawah ini ...




Ok langsung saja kamu ikuti langkah langkahnya di bawah ini

1. Silahkan anda Log In dulu ke blog anda

2. kemudian anda klik Rancangan >> Edit HTML

3. Kemudian alangkah baiknya anda klik dulu Download Template Lengkap itu hanya untuk menjaga saja takutnya ada kesalahan yang tak anda inginkan

4. kemudian anda cari kode ini </body>

5. Kalau sudah ketemua silahkan anda copy code di bawah ini tepat di atas code </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><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>

<!-- zFPmenu END -->


6. kalau sudah menaruhnya silahkan anda edit dan rubah kata - katanya sesuai keinginan anda sendiri  



keterangan :
Menu 

Ganti menu dengan menu sendiri. Tempat class = "dir" atribut dalam tag li di mana Anda ingin menambahkan submenu.




Mengatur / Variabel

Anda dapat mengubah warna tema dan berbagi pengaturan tombol visibilitas.

var zfpm_colorTheme = 'light';

Mengatur warna tema untuk menu widget.

Valid input: 'light' or 'dark'

var zfpm_shareBox = 'no'

Show the Twitter ‘Retweet’, Facebook ‘Share’, and Facebook ‘Like’ buttons (using LinksAlpha’s widget) or not.

Valid input: 'yes' or 'no'


Daftar Variabel Lengkap

  • var zfpm_colorTheme = 'light'; valid input: 'dark' or 'light'.

  • var zfpm_customBackgroundImage = ''; valid input: full URL of an image.

  • var zfpm_customBackgroundColor = ''; valid input: example: '#999999'.

  • var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.

  • var zfpm_shareBoxPosition = 'right'; valid input: 'left' or 'right'.

  • var zfpm_shareBoxCustomWidth = ''; valid input: example: '300'.

  • var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' or 'no'.

Upper Box

Anda juga dapat menempatkan pesan teks, iklan, atau apa pun yang Anda suka di kotak div dengan zfpm_upperBox ID (diatas menu).




Peringatan

Script ini tidak desain untuk Internet Explorer 6 browser.

Sebaliknya, jika Anda menambahkan variabel zfpm_ieUpgradeMessage var = 'ya ', untuk script, ia akan menampilkan pesan pemberitahuan upgrade di bagian atas halaman (lihat screenshot di sini) untuk IE 6 pengguna.
7. Jika sudah selesai silahkan anda klik Pratinjau dulu kalau sudah memenuhi standar dengan apa yang kamu inginkan silahkan anda klik Simpan Template

Tidak ada komentar:

Posting Komentar

 

Sample text

Sample Text

Sample Text