Red Horizontals Menu

Red Horizontals Menu

Langkah-langkah membuat Red Horizontals Menu :

Menu3

  • >> >>
  • 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 {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSeVmzAZhWJOR-5KkPAiBAoVbK0VFQ4DLp_Hhy0XqotQL7lF9BgTjBmkIxhwUwq8fjUHOuHdIqH9yvBXEbKyrcZOf2-4yFR0lmonEWZhDJFzuAb6WXQ8aGMdVG3ID93qhhgL7XagRhesc/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}
      ul.menu li {display:block;float:left;margin:0;padding:0;}
      ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}
      ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSeVmzAZhWJOR-5KkPAiBAoVbK0VFQ4DLp_Hhy0XqotQL7lF9BgTjBmkIxhwUwq8fjUHOuHdIqH9yvBXEbKyrcZOf2-4yFR0lmonEWZhDJFzuAb6WXQ8aGMdVG3ID93qhhgL7XagRhesc/s1600/bg.png") repeat-x top left;text-decoration:none;}
      ul.menu .current a {color:#fff;font-weight:700;}
      /*Garis Merah*/
      ul.menu.red{background-color:#B11718;} ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}


      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 class="menu red">
          <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