Anda pengunjung yang ke:

Traffic Counter

BANNER SAHABAT

Sabtu, 07 April 2012

Cara Membuat Navigasi Menu Pada Bagian Sudut Bawah Blog ||Tips/Trick Blogger Sarip

Filled under:

Menu Melayang Di Sudut Blog adalah widget ‘melayang’ yang bisa diisi dengan menu berisi link-link sesuai keinginan. Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, dan juga tombol share Twitter dan Facebook (bila diinginkan).

menu



Code Menu Melayang :

Letakkan kade berikut di atas kode </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='/'>Your menu 1 </a>
<ul>
<li class='dir'><a href='/'>Your submenu 1.1</a>
<ul>
<li><a href='/'>Your sub-submenu 1.1.1</a></li>
<li><a href='/'>Your sub-submenu 1.1.2</a></li>
</ul>
</li>
<li><a href='/'>Your submenu 1.2</a></li>
<li><a href='/'>Your submenu 1.3</a></li>
</ul>
</li>
<li class='dir'><a href='/'>Your submenu 2</a>
<ul>
<li class='dir'><a href='/'>Your submenu 2.1</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>
<!-- Your menus end -->
</ul></div>
<script type='text/javascript'>
var zfpm_colorTheme = &#39;dark&#39;
var zfpm_shareBox = &#39;no&#39;;
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://sagita-com.googlecode.com/files/Menu-SGT.js' type='text/javascript'/>
<!-- zFPmenu END -->


Ket :
* Ganti tulisan YOUR MENU, YOUR SUBMENU 2.1, dll dengan link-link yang ada pada blog Anda, contoh : 


<ul id='zfpm_ul'>
<!-- Your menus start -->
<li class='dir'><a href="http://www.sagita-com.tk/">Homepage</a>
<ul>
<li><a href='http://www.sagita-com.tk/2011/07/daftar-isi-sagita-com.html'>Daftar Isi</a></li>
</ul>
</li>



Setting/Variable

Anda dapat mengubah tema warna dan berbagi pengaturan tombol visibilitas.

var zfpm_colorTheme = 'light';
Mengatur warna tema untuk widget menu.
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'

Ditulis Oleh : SyariĆ’™ ~ Tips dan Trik Blogspot

Syarip Hidayat Sobat sedang membaca artikel tentang Cara Membuat Navigasi Menu Pada Bagian Sudut Bawah Blog ||Tips/Trick Blogger Sarip. TuTorial Ku UnTuK Mu™ Memperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya



Baca Artikel Lainnya.!:

7 komentar:

  1. Wah mantep gan tips nya :l:

    BalasHapus
  2. wah sip ni gan info nya.. ijin coba ya gan...

    salam kenal dari TKJ Comunity :)

    BalasHapus
  3. @Yudha : Terima kasih sudah mau berkunjung..... ^_^

    BalasHapus
  4. Saya coba terpakan gan, trims ya...di tunggu kunjungan baliknya.

    BalasHapus
  5. oke terima kasih atas komentarnya :15

    BalasHapus
  6. Keren Mas Bro

    #MAHASISWA GO BLOG

    BalasHapus