Sungai Penuh Online : membuat menu navigasi melayang

Membuat Menu Melayang Di Samping.Sobat Blogger seperti yang kita tau berbagai macam cara dilakukan para blogger untuk menghemat ruang di blognya salah satunya dengan buku tamu melayang, kotak blogrol, sampai menu navigasi yang melayang. Nah pada kesempatan kali ini SPN akan membahas bagaimana cara membuat menu navigasi yang tersembunyi/melayang. ya tentunya ini untuk menghemat ruang blog kita. Lihat Demonya di Kiri blog ini

Bagi sobat yang ingin menampilkan menu melayang ikuti panduan dibawah ini!

1.  Masuk ke Blogger dengan ID sobat.

2.  Pilih Design (Rancangn) ---> Edit HTML.

3.  Back up template dulu, untuk antisipasi kalau gagal.

4.  Cari kode ini : </head> pada template anda.
5.  Copy Seluruh script dibawah ini, kemudian paste tepat diatas </head>


    <script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>

    <script>

    YOffset=150;

    XOffset=0;

    staticYOffset=30;

    slideSpeed=20

    waitTime=100;

    menuBGColor=&quot;red&quot;;

    menuIsStatic=&quot;yes&quot;;

    menuWidth=120;

    menuCols=3;

    hdrFontFamily=&quot;verdana&quot;;

    hdrFontSize=&quot;2&quot;;

    hdrFontColor=&quot;black&quot;;

    hdrBGColor=&quot;#FF0000&quot;;

    hdrAlign=&quot;left&quot;;

    hdrVAlign=&quot;center&quot;;

    hdrHeight=&quot;15&quot;;

    linkFontFamily=&quot;Verdana&quot;;

    linkFontSize=&quot;2&quot;;

    linkBGColor=&quot;white&quot;;

    linkOverBGColor=&quot;#FFFF99&quot;;

    linkTarget=&quot;_top&quot;;

    linkAlign=&quot;Left&quot;;

    barBGColor=&quot;red&quot;;

    barFontFamily=&quot;Verdana&quot;;

    barFontSize=&quot;2&quot;;

    barFontColor=&quot;white&quot;;

    barVAlign=&quot;center&quot;;

    barWidth=20; // no quotes!!

    barText=&quot;MENU&quot;;

    // ----- Mulai Edit Menu

    ssmItems[0]=[&quot;SELAMAT DATANG :&quot;] //Header Menu

    ssmItems[1]=[&quot; Home&quot;, &quot;/&quot;, &quot;&quot;]

    ssmItems[2]=[&quot; About Me&quot;, &quot;http://semerahkerinci.blogspot.com&quot;,&quot;&quot;]

    ssmItems[3]=[&quot; Tutorial Blog&quot;, &quot;http://semerahkerinci.blogspot.com&quot;,&quot;&quot;]

    ssmItems[4]=[&quot; Tips Blog&quot;, &quot;http://semerahkerinci.blogspot.com&quot;,&quot;&quot;]

    ssmItems[5]=[&quot; Buku Tamu&quot;, &quot;http://semerahkerinci.blogspot.com&quot;, &quot;_new&quot;]

    ssmItems[6]=[&quot; Lowongan Kerja&quot;, &quot;http://semerahkerinci.blogspot.com&quot;, &quot;&quot;]

    ssmItems[7]=[&quot; SUNGAI PENUH ONLINE&quot;, &quot;http://iklansungaipenuh.blogspot.com&quot;, &quot;&quot;]

    buildMenu();

    //----- Selesai Edit Menu

    </script>

Silahkan rubah SELAMAT DATANG dengan tulisan apa saja yang cocok dengan kehendak sobat

kode yang berwarna biru wajib sobat ganti dengan alamat-2 punya sobat. 

MY MENU boleh kita ganti dengan MENUKU, DAFTAR MENU dll.

masih banyak lagi yang bisa sobat utak-atik.

terakhir simpan. semoga berhasil

• 
  SALAM BLOGGER....SELAMAT BEREKSPRIMEN  

Sumber http://semerahkerinci.blogspot.com

Artikel yang berkaitan

Posted in Tutorial Blog