Buat Page Drop Down Yuk . .!!

Langsung aja yak ga usah basa basi

1. Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode)
2. Sudah Ketemu Copas Kode Berikut dan letakan diatas kode ]]></b:skin> 

/* Menu Horizontal Dropdown
----------------------------------------------- */
#menuwrapperpic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhatGGZpDSXqCjkNy_K5-_YsU4umdgp8ZrDxw24-ADVH_MehffkHGmS2QHhGoNHbyLE4fLhakcuJyQ__xpZB8UyPsb9ra6vt7RDykzMDWHt2K_TYFC59CNGBwHd1tMIoYjl6-vWAXRyYgo/s1600/nav.png) repeat-x;width:960px;margin:0 auto;padding:0 auto}
#menuwrapper{width:960px;height:30px;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;text-shadow: 0px 1px 1px #000;color:#f2f1f1;border-right:1px solid #666;padding:9px 10px 8px}
#menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe5rb7si3sjiYL4-3Hb904BTz0tQrfvIZm1mvOlT77b4gWXbKfH4cVIG2vg92YqPOdlfj8DcUHLkU1xVuf7TCrN0FxyITAeo9V1t3poJfbBOFY59pBtSN2xH8lUYacEa5hu6x22IbAyZE/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:9px 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}

3. Kemudian Cari kode Berikut

<div id='header-wrapper'>  
............. 


</b:section>

    </div>


Jika Tidak Ketemu Kode Diatas Cari Kode Yang Ini




<div class='header-outer'>

    ...............................


</b:section>

    </div>

4. Setelah anda menemukan salah satu kode diatas Copas Kode Dibawah ini dan letakan dibawah kode diatas.

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKc3bzPB3Udqhfig2LNtoS58Ojsljh3Z1YJLo8ZrnycErqcd3yC8wQroOwevhz1IeIDRI_cgxGg7VwnDn0DT9ZWfIN55C5rA2cVfTrHgkVQWjtYJADi7IHttzZdAlx6VPVQXElYiMsrdQ/s1600/home_white.png' style='padding:0px;'/></a></li>
<li><a href='#'>About Us</a></li>
<li><a class='trigger' href='#'>Contact Us</a>
<ul>
<li><a href='#'>Goggle +</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='#'>Sport</a></li>
<li><a href='#'>Culture</a></li>
<li><a class='trigger' href='#'>Entertainment</a>
<ul>
<li><a href='#'>Music</a></li>
<li class='hr'/>
<li><a href='#'>Movie</a></li>
<li class='hr'/>
<li><a href='#'>Television</a></li>
</ul>
</li>
<li><a href='#'>Health</a></li>
<li><a class='trigger' href='#'>More</a>
<ul>
<li><a href='#'>Themes</a></li>
<li class='hr'/>
<li><a href='#'>Tutorial</a></li>
<li class='hr'/>
<li><a href='#'>Resource</a></li>
<li class='hr'/>
<li><a href='#'>Advertise</a></li>
<li class='hr'/>
<li><a href='#'>Javascript</a></li>
</ul>
</li>
</ul>
<div class='menusearch'>
<div style='float:right;padding:4px 8px 0 0;'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://URL-blog.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:12px Arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTFqykRO4ON6CsnThOxXj41QndpdG3CwcHjC2Bz8rWZ_WJ9TpEPIyqkMEKa3B1dhjEh3g3AAvlnyZne1bgg1TxoXvpmqyUR2jDGjy6xA1J8Xd-_eiRDGx7WkRkAhA3EuT_e4nfccR6H5o/s1600/field-bg.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYUj_dPyzqh6nqTc8-wAmK-KFW_wq676BzALnyKVaUfEqaA4pYUD8UyoBec58Qn6UJOqaSRZCqxIoOm1FlunmsIjivz1_L4lm-CZbG_dH8OF87Ura3MAeZWp6qJHN4DB5OQ9MpM20C0A/s1600/bg_search.gif' type='image' value='Search'/>
</form>
</div>
</div>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>

5. Sehingga Susunannya Menjadi Seperti Ini

<div id='header-wrapper'>  
............. 


</b:section>

    </div>



<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKc3bzPB3Udqhfig2LNtoS58Ojsljh3Z1YJLo8ZrnycErqcd3yC8wQroOwevhz1IeIDRI_cgxGg7VwnDn0DT9ZWfIN55C5rA2cVfTrHgkVQWjtYJADi7IHttzZdAlx6VPVQXElYiMsrdQ/s1600/home_white.png' style='padding:0px;'/></a></li>
<li><a href='#'>About Us</a></li>
<li><a class='trigger' href='#'>Contact Us</a>
<ul>
<li><a href='#'>Goggle +</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='#'>Sport</a></li>
<li><a href='#'>Culture</a></li>
<li><a class='trigger' href='#'>Entertainment</a>
<ul>
<li><a href='#'>Music</a></li>
<li class='hr'/>
<li><a href='#'>Movie</a></li>
<li class='hr'/>
<li><a href='#'>Television</a></li>
</ul>
</li>
<li><a href='#'>Health</a></li>
<li><a class='trigger' href='#'>More</a>
<ul>
<li><a href='#'>Themes</a></li>
<li class='hr'/>
<li><a href='#'>Tutorial</a></li>
<li class='hr'/>
<li><a href='#'>Resource</a></li>
<li class='hr'/>
<li><a href='#'>Advertise</a></li>
<li class='hr'/>
<li><a href='#'>Javascript</a></li>
</ul>
</li>
</ul>
<div class='menusearch'>
<div style='float:right;padding:4px 8px 0 0;'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://URL-blog.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:12px Arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTFqykRO4ON6CsnThOxXj41QndpdG3CwcHjC2Bz8rWZ_WJ9TpEPIyqkMEKa3B1dhjEh3g3AAvlnyZne1bgg1TxoXvpmqyUR2jDGjy6xA1J8Xd-_eiRDGx7WkRkAhA3EuT_e4nfccR6H5o/s1600/field-bg.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYUj_dPyzqh6nqTc8-wAmK-KFW_wq676BzALnyKVaUfEqaA4pYUD8UyoBec58Qn6UJOqaSRZCqxIoOm1FlunmsIjivz1_L4lm-CZbG_dH8OF87Ura3MAeZWp6qJHN4DB5OQ9MpM20C0A/s1600/bg_search.gif' type='image' value='Search'/>
</form>
</div>
</div>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>

6. Kemudian Klik Simpan Template dan selesai........!

Keterangan : 
 #  Ganti Dengan URl yang ingin anda masukan ke Menu Dropdown
width:960px; Panjang Menu Drop Down Horizontal yang bisa nda sesuaikan dengan template blog anda
http://URL-blog.blogspot.comGanti Dengan URL Blog atau Alamat Blog anda

Anda sedang membaca Artikel tentang Buat Page Drop Down Yuk . .!! ndan anda bisa menemukan Artikel Buat Page Drop Down Yuk . .!! ini dengan URL https://campuskoleksi.blogspot.com/2012/11/buat-page-drop-down-yuk.html, Terimakasih Telah membaca Artikel Buat Page Drop Down Yuk . .!! Anda boleh menyebar Luaskan atau MengCopy-Paste nya jika Artikel Buat Page Drop Down Yuk . .!! ini sangat bermanfaat bagi anda, Namun jangan lupa untuk meletakkan Link Buat Page Drop Down Yuk . .!! sebagai Sumbernya.