Cara Membuat Menu dan Sub Menu

Cara Membuat Menu dan Sub Menu

           Menu dan sub menu biasanya di gunakan pada suatu blog untuk mempermidah akses suatu link dengan cepat, karna menu dan sub menu umumnya berisikan link untuk mengakses suatu tempat tertentu.

          Untuk cara pemasangannya ikuti langkah langkah sebagai berikut :

• login ke akun blog anda
• lalu pilih template 
• klik edit HTML
• kemudian cari kode ]]></b:skin> 
• setelah ketemu copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>

#DropdownMenu {
    background:#ff6803;
border-radius:6px;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color:#FFFFFF;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;


} 
#Dropdownbox {
    width: 875px;
border-radius:6px;
    float: left;
    margin: 0;
    padding: 0;
}

#strike { 
border-radius:6px;
    margin: 0;
    padding: 0;
}
#strike ul {
border-radius:6px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#strike li {
border-radius:6px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#strike li a, #strike li a:link, #strike li a:visited {
border-radius:6px;
    color:#FFFFFF;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    margin: 0;
    padding: 9px 15px 8px;
}
#strike li a:hover, #strike li a:active {
border-radius:6px;
    background:#FFFFFF;
    color:#ff6803;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#strike li li a, #strike li li a:link, #strike li li a:visited {
border-radius:6px;
      background:#ff6803;
    width: 150px;
    color:#FFFFFF;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#strike li li a:hover, #strike li li a:active {
border-radius:6px;
     background:#FFFFFF;
    color:#ff6803;
    padding: 7px 10px;
}
#strike li {
border-radius:6px;
    float: left;
    padding: 0;
}
#strike li ul {
border-radius:6px;
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#strike li ul a {
border-radius:6px;
    width: 140px;
}
#strike li ul ul {
border-radius:6px;
    margin: -32px 0 0 171px;
}
#strike li:hover ul ul, #strike li:hover ul ul ul, #strike li.sfhover ul ul, #strike li.sfhover ul ul ul {
border-radius:6px;
    left: -999em;
}
#strike li:hover ul, #strike li li:hover ul, #strike li li li:hover ul, #strike li.sfhover ul, #strike li li.sfhover ul, #strike li li li.sfhover ul {
border-radius:6px;
    left: auto;
}
#strike li:hover, #strike li.sfhover {
border-radius:6px;
    position: static;
}

•  Kode warna merah #ff6803 dan putih itu adalah kode warna background silahkan ganti sesuai keinginan anda. Kode #FFFFFF  adalah kode untuk warna tulisan di menu.
•  simpan template

Langkah selanjutnya

• masuk ke tata letak
• klik tambah gadget 
• pilih HTML/ Java Script
• copykan kode di bawah ini dan pastekan di kolom HTML/ Java Scrip

<div id="DropdownMenu">
       <div id="Dropdownbox">
      <ul id="strike">
        <li><a href="#">Menu1</a></li>
        <li>
          <a href="#">Menu2</a>
          <ul>
            <li>
              <a href="#">Sub Menu 2</a>
              <ul>
                <li><a href="#">Sub Sub Menu 2</a></li>
                <li><a href="#">Sub Sub Menu 2</a></li>
                <li><a href="#">Sub Sub Menu 2</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Menu 3</a></li>
            <li><a href="#">Sub Menu 4</a></li>
            <li><a href="#">Sub Menu 5</a></li>
            <li><a href="#">Sub Menu 6</a></li>
          </ul>
        </li>
        <li><a href="#">Menu 3</a></li>
        <li><a href="#">Menu 4</a></li>
      </ul>
    </div>
  </div>

• silahkan anda ganti menu 1, menu 2 sesuai keinginan anda dan seterusnya.       tanda #  adalah link dari menu yang anda buat
• kemuadian simpan

Sekian paostingan kali ini selamat mencoba dan semoga berhasil

Read more »

Railworks 3 Train Simulator 2012 SKIDROW

Railworks 3 Train Simulator  2012 SKIDROW

 

Train Simulator 2012 adalah simulator kereta api paling realistis di dunia, dengan grafis terbaik dan suara yang tersedia, bersama dengan berbagai macam kualitas konten dan opsional pengaya, ditambah alat-alat pemodelan untuk memungkinkan Anda membuat lingkungan rel Anda sendiri.

Ok langsung saja ke  System requirements :

• Operating system : Windows XP, Windows Vista or Windows 7
• Processor : 2.8 GHz or faster
• Memory : 2.0 GB RAM
• Graphics : 256 MB with Pixel Shader 3.0* (AGP PCIe only)
• DirectX® : Version 9.0c (included)
• Hard Drive : 6 GB of free space
• Sound : DirectX® 9.0c compatible
• Optical drive : DVD Compatible Disk Reader
• Misc : Internet connection required for activation and updates from Steam

Supported chipsets:

• NVIDIA GeForce FX 5200 or greater; 
• ATI Radeon 9500 Pro or greater. 
• Laptop versions of these chipsets may work but are not supported. 
• Updates to your video and sound card drivers may be required.

 Untuk yang mau yang mau download

part 1 part 2 part 3 part 4 part 5 part 6 part 7 part 8 part 9 part 10 part 11 part 12 part 13 part 14 

part 15 part 16

Password : www.lutfi29.net

Terima kasih : http://lutfi29.blogspot.com

Read more »