Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header

Salam blogger, Kali ini saya sedikit berbagi tentang Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header yang telah di request oleh sahaba-sahabat Zuaz'Z Creator pada halaman Facebook.

Menu drop down dapat kita pasang di atas maupun di bawah nama blog, dengan memasang menu semacam ini tampilan blog kita semakin tampak bagus dan pastinya akan mempermudah pengunjung untuk mencari apa yang dibutuhkan dari blog kita.

. Untuk demonya silakan sobat blogger klik link berikut ini DEMO Bagi sobat blogger yang berminat memasang menu semacam ini silakan ikutu langkah-langkah berikut ini:



Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
. 4 Sobat cari kode]]> </ b: skin> dan letakkan kode berikut tepat di atas kode]]> </ b: skin>


Klik show untuk melihat

Klik show untuk melihat 

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(http://2.bp.blogspot.com/-eVufkC686Cw/TwGo8YAlWwI/AAAAAAAAAYM/tWP7l3ENpjY/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjby1UPzhDPSmpxgfxDIwb5np-pp6DpaFQ_dlprSgmriDjtsjI239oUNAauw4CBQyncOxKiPulWQvMRCzMwf9nPCMM7V560NrJJfjAW2fb2r56oIWQ04zzJKjfomjdxwysMnKRVRTT0Ruk/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

Selanjutnya sobat blogger cari kode berikut:
<header>: untuk menempatkan menu di atas nama blog
</ Header>: untuk menempatkan menu di bawah nama blog

Copy kode di bawah ini dan letakkan tepat di atas kode <header> atau di bawah kode </ header>

Klik show untuk melihat

Klik show untuk melihat 

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqU3dlBr5h780sC9aeZR_TgIPNYXzkFAOFdcGYSmhGg_hIXHWENRe0CGJJxk_eTTu5OYves3JVfuDHtRdzwMlLKL1x4wCumuRWuuK6e-1Zcdn4qe0WpJ32h4ecP7iRJddjmkqSkZNW53o/s1600/home_white.png' style='padding:0px;'/>Home</a></li>
<li><a href='http://www.blogger.com/profile/06961337061354681028' target='new'>Tentang Admin</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/u/0/106997202037581570725' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/den_zuaz' target='new'>Contact on Twitter</a></li>
<li><a href='http://www.myspace.com/denzuaz' target='new'>Contact on Myspace</a></li>
<li><a href='http://www.facebook.com/zuazTama' target='new'>Zuaz&#39;Z on Facebook</a></li>
</ul>
</li>
<li><a href='http://zuazz.blogspot.com' target='new'>Zuaz&#39;Z Creator</a></li>
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20komputer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20blog'>Blogspot</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://zuazz.blogspot.com/2012/01/tv-online.html'>TV Online</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/computer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/desain%20grafis'>Desain Grafis</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/game'>Game</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/microsoft'>Microsoft</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20aplikasi'>Software APP</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20program'>Software Program</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://zuazz.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://zuazz.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9F_ujdaFHfiMwzE3UiorMkhjtDD8tV5o5U1YFmfpqiBE4zLtqJ7nubZ3qE7AJyvW-OsgRnCYB1J1WyFOtB7VQlNVxHS0mISBxVe_1HPaKFCB4KpNGZabUvRo70Gnf3mmbBPFkRLMOS0g/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqfx4-5VoqQ3o-jEkP9BVGP5nTTYJnUWHDaSDkOweIk16gKSEz3cD8hQpZKF7GCGikrLtarI604Rp6m0roZDn8ddX72aw7Td5Yx5UZZp9FBVVg8nHTp31kiSnXz8-T7-IsuCxRXJSg9pE/s1600/bg_search.gif' type='image' value='Search'/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

Keterangan:
Kode berwarna merah adalah Url tujuan, silakan sobat ganti dengan Url pada blog sobat
Kode berwarna kuning adalah kalimat yang tampil pada menu dropdown, Silakan sobat sesuaikan.

Demikianlah Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header, semoga bermanfaat bagi sobat blogger.
CATATAN
kalau templatenya udah ada menunya tapi belum di edit caranya seperti dibawah ini :
patama - tama :
1. login ke blogger
2. pilih template
3. centang expand template Widgets
4. pilih edit HTML kemudian ctrl+f  cari kode <li><a href= atau judul menu lalu edit   
5. klik Pratinjau dahulu kalu jadi di simpan kalau tidak tinggal di tutup dan ok

 <li><a href='#'>Komputer</a></li>
<li class='hr'/>

tanda # diganti dengan alamat web yang akan dituju kalau masih binggung silahkan tanya lewat komentar

0

DOWNLOAD FILM TANGLED EVER AFTAER SUBTITLE INDONESIA

Tangled Ever After (2012)

Kerajaan sedang berpesta pora merayakan pernikahan Rapunzel and Flynn Rider. Semua rakyat bersuka cita menyambut acara pernikahan kerajaan tersebut. Namun, ketika itu sang pembawa bunga dan cincin yaitu Pascal and Maximus kehilangan cincin pernikan saat keramaian dan pencarian pun dimulai.

Keduanya akhirnya merasa putus asa, tetapi cincin tersebut harus di temukan sebelum orang-orang mengetahui bahwa cincin pernikan telah hilang. Akan Maximus dan Pascal berhasil menemukan cincin tersebut sebelum acara pernikahan?

TRAILER

Informasi Film

Quality: BluRay 720p
Source: 720p BluRay x264 aAF
Format : Matroska
Format version : Version 2
File size : 44.9 MiB
Duration : 6mn 27s
Overall bit rate : 973 Kbps

Download Film

Single Link
Password :hnmovies.com




Informasi Film

Quality: BluRay 720p
Source: 720p BluRay x264 aAF
Format : Matroska
Format version : Version 2
File size : 44.9 MiB
Duration : 6mn 27s
Overall bit rate : 973 Kbps

Download Film

Single Link
Password :hnmovies.com
SILAHKAN DI DOWNLOAD :
DOWNLOAD
SUBTITLE INDONESIAN
SUBTITLE ENGLISH

0

DOWNLOAD FILM THE HUNGER GAME SUBTITLE INDONESIA

Di masa depan, Amerika Serikat tak lagi semegah sekarang. Perang, kekeringan, kelaparan, dan kebakaran besar telah mengubah ‘wajah’ Amerika. Di tengah kondisi yang buruk ini pemerintahan berganti nama menjadi Panem dengan ibukotanya, Capitol dan keduabelas distriknya, namun bencana kelaparan masih menjadi momok yang tak berhenti menghantui masyarakat yang tinggal di distrik-distrik yang ada, namun tidak dengan masyarakat Capitol yang hidup nyaman.

Demi bertahan hidup dan juga memenuhi hasrat Capitol akan ‘hiburan’, setiap tahunnya, mereka mengundi dua perwakilan dari tiap-tiap distrik untuk ikut serta dalam permainan maut, The Hunger Games. Permainan yang kejam lantaran hanya menyisakan 1 pemenang untuk bisa keluar hidup-hidup ini menjadi tontonan paling dinanti setiap tahunnya oleh masyarakat Capitol dan nantinya disiarkan ke seluruh Panem.

Malang bagi Katniss Everdeen (Jennifer Lawrence) yang secara sukarela mengajukan diri menjadi wakil dari distriknya menggantikan adiknya yang mendapat undian. Hadiah yang berlimpah pun terasa hambar baginya lantaran ia harus pergi meninggalkan adik dan kekasihnya, Gale Hawthorne (Liam Hemsworth) dan harus mempertaruhkan nyawa bertarung dengan keduapuluhtiga peserta lainnya. Ditemani oleh ‘rekan’ satu distriknya, Peeta Meelark (Josh Hutcherson), Katniss pun berangkat ke Capitol untuk mempersiapkan diri berlatih demi memenangkan permainan, bukan, demi bertahan hidup lebih tepatnya.

Informasi Film

[Quality : TS]
[File Size : 500 MB]
[Format : Matroska >> mkv]
[Resolution : 720x288]
[Source : TS XViD AC3-ADTRG]

Download Film
Join with HJ-Split
Password : hnmovies.com
SILAHKAN DI DOWNLOAD :
PART 1
PART 2
PART 3
SUBTITLE INDONESIAN
SUBTITLE ENGLISH

0

DOWNLOAD FILM GEEK CHARMING

Geek Charming (2011) DVDRip rapidshare, mediafire, Geek Charming (2011) DVDRip torrent download, Geek Charming (2011) DVDRip subtitle download.

Geek Charming (2011) DVDRip x264 AC3-tinggi
Bahasa: English
1:37:42 | 720 × 384 | x264 - 1749Kbps | 23.976fps | AC3 - 192kbps | 1.35GB
Genre: Komedi
IMDB Info
Dylan Schoenfield adalah putri merah muda dari Akademi Angeles kelas atas Los Woodlands. Dia memiliki pacar paling keren ...
Password : hnmovies.com

SILAHKAN DI DOWNLOAD :

PART 1

PART 2

PART 3

0

DOWNLOAD FILM BATTLESHIP SUBTITLE INDONESIA

Sebuah armada kapal dipaksa untuk melakukan pertempuran dengan armada asal tidak diketahui dalam rangka untuk menemukan dan menggagalkan tujuan merusak mereka.

Direktur: Peter Berg
Penulis: Jon Hoeber, Erich Hoeber
Bintang: Alexander Skarsgard, Brooklyn Decker dan Liam Neeson | Lihat pemain penuh dan kru
Passwold : hnmovies.com
silahkan di download

PART 1

PART 2

PART 3

Subtitle Indonesian

Subtitle English

0

Download Need for Speed ​​2 Underground

Need for Speed ​​Underground 2 adalah versi demo dari permainan dalam seri mobil street racing populer.

Perlu untuk penggemar Kecepatan telah datang ke harapkan balap fantastis dan intens dari Need for jalur Kecepatan, dan Need for Speed ​​Underground 2 tidak mengecewakan.

Need for Underground 2 Kecepatan adalah sekuel Need sangat populer untuk Underground Kecepatan yang dirilis pada tahun 2003. Pengaturan adalah sebuah kota besar dengan lima lingkungan yang unik tapi terhubung. Ada 3 mode permainan dalam demo ini. Tip dari rekan-rekan tentang tempat balap terpanas di kota dan upaya foil saingan 'di mengalahkan Anda di jalanan. Apa pun yang Anda lakukan, hanya tidak berakhir di tempat kedua.

Perlu untuk grafis Underground 2 Speed ​​jelas tidak bisa berdiri untuk beberapa rilis street racing mobil yang lebih baru. Sebagai perbandingan, mereka terlihat sedikit kabur dan pixellated. Penggemar sejati seri akan ingin memainkan semua game sekalipun, dan yang satu ini memiliki intensitas yang cukup dan kegembiraan untuk mungkin membuat untuk grafis yang lebih lemah.

Need for Underground 2 Kecepatan adalah kecepatan tinggi street racing pengalaman setiap penggemar mobil akan menyukai.
SILAHKAN DIDOWNLOAD :
PART 1
PART 2
PART 3

1