• Cara membuat menu navigasi melayang di sudut blogCara membuat menu navigasi melayang di sudut blog

    Hello, sobat Tutorial Bangsat kali ini saya akan membagikan lagi widget blog untuk anda. Widget ini mwrupakan widget navigasi melayang yang muncul disudut kanan blog. Ok sobat langsung simak, Cara membuat menu navigasi melayang di sudut blog, Menu ini juga dapat anda edit sesuai kebutuhan, mau dibuat seperti daftar menu, daftar kategori, atau bahkan daftar link-link keluar yang berguna, dan juga dilengkapi dengan tombol navigasi ke atas dan kebawah.

    Cara Membuat Menu Navigasi Melayang Disudut Blog


    Bagi teman-teman yang ingin membuatnya, sangat mudah silahakan ikuti langkah berikut:
    1. Buka blogger.com - Rancangan - Edit HTML.
    2. Copy paste kode berikut tepat diatas 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='/'>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 = &#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='https://qtacuek-navigasi.googlecode.com/svn/seocipsnavigasimelayang' type='text/javascript'/>
    <!-- zFPmenu END -->

    4. Untuk tulisan "link yang dituju", itu anda harus memasukkan link yang ingin dituju, anda juga dapat mengatur warna menu (dark atau light) dan apakah tombol social sharenya mau ditampilkan atau tidak (yes atau no).
    5. Pratinjau terlebih dahulu, kalau tidak ada error, silahkan klik Simpan Template, dan menu keren di blog anda sudah jadi.

    Happy Blogging Keep Suport this blog dengan cara like or share this post . Semoga bermanfaat Salam Blogger. . .

    Terima Kasih telah membaca artikel tentang Cara membuat menu navigasi melayang di sudut blogCara membuat menu navigasi melayang di sudut blog . Silahkan baca artikel lainnya di daftar isi.
    Previous
    Next Post »

    Syarat berkomentar :
    1. Tidak boleh mencantumkan link aktif ( auto delete )
    2. Tidak boleh mengandung SARA, pornografi,dsb.
    3. Budayakan berkomentar dengan sopan dan menghargai pendapat orang lain.
    ConversionConversion EmoticonEmoticon