Kamis, Oktober 10, 2024
AplikasiOnline

cara pasang menu accordion(Bercabang) di blog

Salam sahabat, izinkan jabrig tuk berbagi bersama sobat, dalam kali ini
jabrig akan pandu sobat untuk membuat TAB NAVIGATION, gambar di bawah
adalah contohnya

nah bila sobat berminat membuat tab ini silahkan sobat ikuti langkah-langkah penyelesaiannya ok..
  1. Login di blog sobat
  2. Kemudian pilih TATA LETAK
  3. Klik EDIT HTML
  4. Masukkan kode dibawah ini tepat di atas kode ]]></b:skin>

    .glossymenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto 0
    auto; background:
    url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-background-1.gif)
    repeat-x; /*tab background image path*/ height: 46px; list-style: none;
    } .glossymenu li{ float:left; } .glossymenu li a{ float: left; display:
    block; color:#000; text-decoration: none; font-family: sans-serif;
    font-size: 11px; font-weight: bold; padding:0 0 0 16px; /*Jangan Dirubah
    kode Jarak ini*/ height: 46px; line-height: 46px; text-align: center;
    cursor: pointer; } .glossymenu li a b{ float: left; display: block;
    padding: 0 20px 0 8px; } .glossymenu li.current a, .glossymenu li
    a:hover{ color: #fff; background:
    url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kiri.gif)
    no-repeat; background-position: left; } .glossymenu li.current a b,
    .glossymenu li a:hover b{ color: #fff; background:
    url(http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kanan.gif)
    no-repeat right top; }

  5. Kemudian masukkan kode dibawah ini diatas kode <div id=’content-wrapper’>

    <ul class=’glossymenu’> <li class=’current’><a href=’URL-Blog-Kamu’>Home</a></li>
    <li><a href=’URL-Link-Tujuan1‘>EDIT 1</a></li>
    <li><a href=’URL-Link-Tujuan1‘>EDIT 2</a></li>
    <li><a href=’URL-Link-Tujuan1‘>EDIT 3</a></li>
    <li><a href=’URL-Link-Tujuan1‘>EDIT 4</a></li>
    <li><a href=’URL-Link-Tujuan1‘>EDIT 5</a></li>
    <li><a href=’URL-Link-Tujuan1‘>EDIT 6</a></li>
    <li><a href=’URL-Link-Tujuan1‘>EDIT 7</a></li>
    </ul>

NB:..

  • Ganti kode berwarna Merah dengan URL Alamat Link Tujuan Anda
  • Ganti kode berwarna Kuninga dengan Judul Dari Link Tujuan Anda

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *