Black Horizontal Menu


Black Horizontal Menu

Langkah-langkah membuat Black Horizontals Menu :

Black Horizontal Menu

  • >> >>
  • Klik kotak kecil di samping tulisan .
  • Kemudian cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan tombol ctrl+f pada keyboard lalu ketik ]]></b:skin> pada kolom kosong yang muncul) 
  • Jika sudah menemukan kode tersebut, copy kode di bawah ini, dan paste atau letakkan di atas ]]></b:skin> :
      ul#menu {width: 100%;height: 43px;background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKA7ba8yLtiBHKk-xVxGli6Jwd5joDPcyjdrj-cCEnm1wTZbsq4q9T2PubAdONEZ5dlTy5zu9HLbFSBmM7HMJhFYpDDwjVu6hCddKEwynvHDvUAU0j0YuXYZiRfAaiV_5fa2qqLlQPzM8/s1600/menu-bg.gif") top left repeat-x;font-size: 0.8em;font-family: "Lucida Grande", Verdana, sans-serif;font-weight: bold;list-style-type: none;margin: 0;padding: 0;}
      ul#menu li {display: block;float: left;margin: 0 0 0 5px;}
      ul#menu li a {height: 43px;color: #777;text-decoration: none;display: block;float: left;line-height: 200%;padding: 8px 15px 0;}ul#menu li a:hover {color: #333;} ul#menu li a.current {color: #FFF;background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuc72E-F5DQQuGJAk4ZkRr1xNy6xswGQtaCWQs4iNv2STzhUlOTL07oCO-YMNJUgN43ys97OYJlRgKAT4THXH4HX2jt8ZY6NLY9iCWKgNslcUtlDgRD_hv-Ni7kh3Yk3B_ILvHyP_w1lA/s1600/current-bg.gif") top left repeat-x;padding: 5px 15px 0;}


      Selanjutnya klik untuk menuju ke halaman "Rancangan/Layout
      • Klik
      • Setelah muncul jendela baru, cari
      • Klik tanda tambah (+) pada pilihan
      • Copy kode di bawah ini dan paste ke kolom konten :
          <ul id="menu">
          <li><a class="current"><a href="
          http://omvan.blogspot.com">Home</a></li>
          <li><a href="
          http://omvan.blogspot.com/2011/05/daftar-isi.html">Daftar Isi</a></li>
          <li><a href="
          http://omvan.blogspot.com/search/label/Randoms%20Tips">Random Tips</a></li>
          <li><a href="
          http://omvan.blogspot.com/search/label/Cerita%20Lucu">Cerita Lucu</a></li>
          <li><a href="
          http://omvan.blogspot.com/2011/05/tuker-link-yuk.html">Tukar Link</a></li>
          <li><a href="http://omvan.blogspot.com/search/label/TV%20Online">TV Online</a></li>
          <li><a href="http://omvan.blogspot.com/2011/09/sms-gratis.html">SMS Gratis</a></li>
          </ul>

          Ket.:
          Merah = ganti dengan alamat yang ingin dipasang
          Hijau = ganti dengan judul menu
          Jika ingin menambah tab menu, copy code di bawah ini dan letakkan sebelum </ul>
          Seperti ini :
          <li><a href="#">Judul menu</a></li>
          </ul>

          Selesai