Home
Salam blogger, Kali ini saya sedikit berbagi tentang Cara Membuat Menu
Drop Down Di Atas Header Atau Di Bawah Header.
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 ikuti langkah-langkah di bawah 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 Template 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
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>
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='http://1.bp.blogspot.com/
<li><a href='http://www.blogger.com/
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/
<li class='hr'/>
<li><a href='http://twitter.com/den_
<li><a href='http://www.myspace.com/
<li><a href='http://www.facebook.com/
</ul>
</li>
<li><a href='http://zuazz.blogspot.
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://zuazz.blogspot.
<input name='sitesearch' style='display:none;' value='http://zuazz.blogspot.
<input id='search-box' name='q' onblur='if(this.value=='&
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='http://1.bp.blogspot.com/
<li><a href='http://www.blogger.com/
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/
<li class='hr'/>
<li><a href='http://twitter.com/den_
<li><a href='http://www.myspace.com/
<li><a href='http://www.facebook.com/
</ul>
</li>
<li><a href='http://zuazz.blogspot.
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
<li class='hr'/>
<li><a href='http://zuazz.blogspot.
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://zuazz.blogspot.
<input name='sitesearch' style='display:none;' value='http://zuazz.blogspot.
<input id='search-box' name='q' onblur='if(this.value=='&
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>
0 komentar:
Posting Komentar
:) :D :( :-o @@, :s :wow: 8) :x :P :| ;) :lol: :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :arrow: :mrgreen: :-d