6 Desember 2012

Cara Membuat Menu Floating Slide Out Vertical Di Blog

Posted at  21.43  |  in  tips dan triks blog


Pada posting kali ini saya akan share tentang cara membuat menu slide out melayang di atas halaman blog seperti pada blog ini, pengunjung akan disuguhi navigasi yang mudah dan dengan tampilan yang dinamis terlihat lebih menarik,serta menghemat tempat pula, berikut langkah-langkahnya :

  1. Log inke Blogger.
  2. Pilih Rancangan dan Edit Html, jangan lupa centang Expand Template Widget, bila perlu Backup terlebih dahulu templatemu agar jika terjadin galat mudah dikembalikan.
  3. Cari kode </head>, gunakan Cttrl+F agar lebih mudah, copy script berikut dan pastekan di atas kode </head> :


     4. Kemudian cari kode ]]></b:skin> dan letakkan kode Css berikut
        di atas ]]></b:skin>



      5.  Kemudian Simpan Template.
      6.  Selanjutnya Masuk ke Elemen Laman, dan Tambah Gadget Html/Javascript, 
           masukan script berikut :

<ul id="navigation">
<li class="nav1"><a href="http://jalu-pangna.blogspot.com/">Home</a></li>
<li class="nav2"><a href="http://jalu-pangna.blogspot.com/feeds/posts/default">Rss Feed</a></li>
<li class="nav3"><a href="http://jalu-pangna.blogspot.com/p/blog-teman.html">About me</a></li>
<li class="nav4"><a href="http://jalu-pangna.blogspot.com/p/site-map_21.html">Site Map</a></li>
<li class="nav5"><a href="javascript:showHideGB()">My pinterest</a></li>
<li class="nav5"><a href="http://jalu-pangna.blogspot.com/p/fan-page.html">FB Fans Page</a></li></ul>

      7.  Dan Simpan.
      
      Ket: Ganti alamat blognya dengan alamat blog sobat.

Selamat Mencoba Dan Semoga Berhasil !!!

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 21.43
Anda menyukai postingan di atas? Silahkan di share..!
Blogging dan wawasan spiritual Post Author

Pengajar sekaligus pendidik di salah satu SMPN yang ada di daerah banten. seorang newbie blogger yang lagi belajar blogging. Strong will and effort adalah filosofi hidup saya agar supaya sukses dikemudian hari.

4 komentar:

  1. info bermantfaat.. terima kasih.. i like this blog.

    BalasHapus
  2. @She TheKill terima kasih banyak komentar dan kunjungannya. sama2 kang...thank u so much. :)

    BalasHapus
  3. keren sob ....... mampir ya t4 gw http://portalogic.blogspot.com

    BalasHapus
  4. @amex graint Terima kasih banyak atas apresiasinya juga kunjungannya sob, insya allah...salam kenal.

    BalasHapus

About Us-Privacy Policy-Contact us
Copyright © 2013 Wawasan spiritual dan blogging. Blogger Template by BloggerTheme9
Proudly Powered by Blogger.
back to top