Tips Main Dynasty Warrior 5 Game Ps 2

Saya yakin anda sudah mengetahui apa yang di sebut Menu Navigasi Blog yaitu sebuah widget untuk membantu mempermudah pengunjung untuk memilih konten yang akan di bacanya .
Seperti pada contoh pada blog saya ini

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".
3. Lalu pilih "Edit HTML", .
4. Kemudian cari kode ]]></b:skin> dan letakkan script kode berikut ini tepat di atasnya.

#NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } 5. Klik save/simpan template.
6. Kemudian kita tentukan di mana letak menu navigasi horizontal tersebut akan di tampilkan dengan cara :
 - Masuk ke halaman "Tata Letak".
- Klik "Tambah Gadget". tambah-gadget-blogger
- Kemudian pilih "HTML/JavaScript".
- html-widget-blogger
- Lalu masukkan script kode berikut ini di dalamnya!

<div class='menuhorisontal'> <ul id='nav'> <li><a href='#'>Menu 1</a></li> <li><a href='#'>Menu 2</a> <ul> <li><a href='#'>Menu 2.1</a></li> <li><a href='#'>Menu 2.2</a></li> <li><a href='#'>Menu 2.3</a></li> <li><a href='#'>Menu 2.4</a></li> </ul> </li> <li><a href='#'>Menu 3</a></li> <li><a href='#'>Menu 4</a></li> <li><a href='#'>Menu 5</a> <ul> <li><a href='#'>Menu 5.1</a></li> <li><a href='#'>Menu 5.2</a></li> <li><a href='#'>Menu 5.3</a></li> <li><a href='#'>Menu 5.4</a></li> <li><a href='#'>Menu 5.5</a></li> <li><a href='#'>Menu 5.6</a></li> <li><a href='#'>Menu 5.7</a></li> <li><a href='#'>Menu 5.8</a></li> <li><a href='#'>Menu 5.9</a></li> </ul> </li> <li><a href='#'>Menu 6</a> <ul> <li><a href='#'>Menu 6.1</a></li> <li><a href='#'>Menu 6.2</a></li> <li><a href='#'>Menu 6.3</a></li> <li><a href='#'>Menu 6.4</a></li> <li><a href='#'>Menu 6.5</a></li> <li><a href='#'>Menu 6.6</a></li> </ul> </li> <li><a href='#'>Menu 7</a></li> </ul> </div>
Silahkan Anda ganti # dengan Link Url Anda

Semoga Postingan Ini Bermanfaat😇