Button Menu Drop-Down II (On Maskibow)

Button Menu Drop-Down II (On Maskibow) - On Maskibow

Button Menu Drop-Down II (On Maskibow)

Button Menu drop down with sub menu black gradient, Button Menu drop down with sub menu black gradient Sample, Button Menu drop down with sub menu black gradient Gallery, Button Menu drop down with sub menu black gradient Tutorial, Button Menu drop down with sub menu black gradient Script, Vista Button Menu drop down with sub menu black gradient, Button Menu drop down with sub menu black gradient Drop Down, Button Menu drop down with sub menu black gradient Horizontal, Button Menu drop down with sub menu black gradient Vertikal, Button Menu drop down with sub menu black gradient CSS, Button Menu drop down with sub menu black gradient JavaScript, Button Menu drop down with sub menu black gradient Java Script, Button Menu drop down with sub menu black gradient HTML, Cara membuat Button Menu drop down with sub menu black gradient, membikin Button Menu drop down with sub menu black gradient, Button Menu drop down with sub menu black gradient Web, Button Menu drop down with sub menu black gradient Blogger, Button Menu drop down with sub menu black gradient Design, Button Menu drop down with sub menu black gradient, Button Menu drop down with sub menu black gradient Sample,Button Menu drop down with sub menu black gradient Gallery, Button Menu drop down with sub menu black gradient Tutorial, Button Menu drop down with sub menu black gradient Script, Vista Button Menu drop down with sub menu black gradient, Button Menu drop down with sub menu black gradient Drop Down, Button Menu drop down with sub menu black gradient Horizontal, Button Menu drop down with sub menu black gradient Vertikal, Button Menu drop down with sub menu black gradient CSS, Button Menu drop down with sub menu black gradient JavaScript, Button Menu drop down with sub menu black gradient Java Script, Button Menu drop down with sub menu black gradient HTML, Cara membuat Button Menu drop down with sub menu black gradient, membikin Button Menu drop down with sub menu black gradient,

Original Script By	: ---
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Internet Explorer, Opera

Deskripsi :
Disini ada beberapa tambahan lainnya dari sample atau contoh script button drop-down menu yang dapat kamu gunakan di web kamu atau di blog kamu bro...
Button drop-down menu ini sangat simple hanya bermain pada efek style CSS-nya saja,
Untuk menambahkan menu nya atau kamu ingin mengkotak-katik di script ini sudah diberi komentar info agar kamu dapat mudah mensettingnya sesuai dengan yang kamu mau bro...

Contoh :
Ini Contoh nya silahkan arahkan mouse anda ke button tersebut maka sub menu secara drop down akan tertampil

On Maskibow	Free Software	Free Games	Tips 'n Trik

Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly pada pojok kanan atas lalu download dan open deh..

Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

Pilih Semua

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.listmkbm{
  z-index: 100;
  display:block;
  width: 130;
  background: black;
  border:1px solid lime;
 -moz-border-radius-topleft: 27px;
  -webkit-border-top-left-radius: 27px;
  -goog-ms-border-top-left-radius: 27px;
  border-top-left-radius: 27px;
  -moz-border-radius-bottomright: 27px;
  -webkit-border-bottom-right-radius: 27px;
  -goog-ms-border-bottom-right-radius: 27px;
  border-bottom-right-radius: 27px; 
  
  display:block;
  width:130;
  list-style-type: none;
  text-decoration: none;
  }
  .listmkbm a{
  color: lime;}
.listmkbm a:hover{
  color: red;}
.mkbsamplebtn{
  text-indent:2ex;
  text-align:center;
  font: normal 12px Verdana;
  padding-top:2px;
  padding-bottom:2px;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv{
  width:100%;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -goog-ms-border-radius: 10px;
  border-radius: 10px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
.firsttab,.firsttab a{
  -moz-border-radius-topleft: 27px;
  -webkit-border-top-left-radius: 27px;
  -goog-ms-border-top-left-radius: 27px;
  border-top-left-radius: 27px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -goog-ms-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -goog-ms-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px; 
  }
  .firsttab:hover,.firsttab a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
  .lasttab,.lasttab a{
  -moz-border-radius-bottomright: 27px;
  -webkit-border-bottom-right-radius: 27px;
  -goog-ms-border-bottom-right-radius: 27px;
  border-bottom-right-radius: 27px; 
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -goog-ms-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -goog-ms-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px;
  }
  .lasttab:hover,.lasttab a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
  </style>
<script language="JavaScript">
  var linktext=new Array (0)
  <!--Untuk menampilkan list menu dropdown menu kamu ganti href-nya dengan 
  link list & teks kamu -->
  linktext[0]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[1]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[2]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[3]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Langkah 2: Jika yang diatas tersebut sudah dijalankan maka, Copy dan taruh script di bawah ini di bawah code <BODY> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

Pilih Semua

<div class="mkbbtndiv" style="position:absolute;"> 
<table align="center">
<tr valign="top"> 
<td height="28"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

<li class="firsttab">On Maskibow</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

<li class="mkbsamplebtnbtn" >Free Software</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

<li class="mkbsamplebtnbtn" >Free Games</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

<li class="lasttab">Tips 'n Trik</li></a></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
<tr valign="top"> 
<!--Untuk menampilkan List dropdown kamu di bawah ini -->
<td onmouseover="resetit('div1');resetit('div2');resetit('div3');"><span 
id="div0" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div2');resetit('div3');"><span 
id="div1" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div1');resetit('div3');"><span 
id="div2" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div1');resetit('div2');"><span 
id="div3" class="listmkbm"></span></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
</table>
</div>

Note: Untuk Sahabat blogger jika ingin menambahkan script ini pada halaman blognya dapat menggunakan cara diatas terlebih dahulu harus d phrase-kan dulu source-code-nya, tetapi kamu juga dapat dengan mudah dengan cara memasukkan script yang ada diatas pada blok widget anda bro.. coba deh pilih widget HTML/Java dan masukan script ke dua-nya!!

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

Share This Page !!!

Artikel Lainnya :

Komentar : 0 Komentar

Posting Komentar

Original Script By	: ---
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Internet Explorer, Opera

On Maskibow	Free Software	Free Games	Tips 'n Trik

Pilih Semua

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.listmkbm{
  z-index: 100;
  display:block;
  width: 130;
  background: black;
  border:1px solid lime;
 -moz-border-radius-topleft: 27px;
  -webkit-border-top-left-radius: 27px;
  -goog-ms-border-top-left-radius: 27px;
  border-top-left-radius: 27px;
  -moz-border-radius-bottomright: 27px;
  -webkit-border-bottom-right-radius: 27px;
  -goog-ms-border-bottom-right-radius: 27px;
  border-bottom-right-radius: 27px; 
  
  display:block;
  width:130;
  list-style-type: none;
  text-decoration: none;
  }
  .listmkbm a{
  color: lime;}
.listmkbm a:hover{
  color: red;}
.mkbsamplebtn{
  text-indent:2ex;
  text-align:center;
  font: normal 12px Verdana;
  padding-top:2px;
  padding-bottom:2px;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv{
  width:100%;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -goog-ms-border-radius: 10px;
  border-radius: 10px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
.firsttab,.firsttab a{
  -moz-border-radius-topleft: 27px;
  -webkit-border-top-left-radius: 27px;
  -goog-ms-border-top-left-radius: 27px;
  border-top-left-radius: 27px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -goog-ms-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -goog-ms-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px; 
  }
  .firsttab:hover,.firsttab a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
  .lasttab,.lasttab a{
  -moz-border-radius-bottomright: 27px;
  -webkit-border-bottom-right-radius: 27px;
  -goog-ms-border-bottom-right-radius: 27px;
  border-bottom-right-radius: 27px; 
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -goog-ms-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -goog-ms-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px;
  }
  .lasttab:hover,.lasttab a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
  </style>
<script language="JavaScript">
  var linktext=new Array (0)
  <!--Untuk menampilkan list menu dropdown menu kamu ganti href-nya dengan 
  link list & teks kamu -->
  linktext[0]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[1]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[2]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[3]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Pilih Semua

<div class="mkbbtndiv" style="position:absolute;"> 
<table align="center">
<tr valign="top"> 
<td height="28"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

<li class="firsttab">On Maskibow</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

<li class="mkbsamplebtnbtn" >Free Software</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

<li class="mkbsamplebtnbtn" >Free Games</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

<li class="lasttab">Tips 'n Trik</li></a></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
<tr valign="top"> 
<!--Untuk menampilkan List dropdown kamu di bawah ini -->
<td onmouseover="resetit('div1');resetit('div2');resetit('div3');"><span 
id="div0" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div2');resetit('div3');"><span 
id="div1" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div1');resetit('div3');"><span 
id="div2" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div1');resetit('div2');"><span 
id="div3" class="listmkbm"></span></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
</table>
</div>

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

Original Script By	: ---
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Internet Explorer, Opera

On Maskibow	Free Software	Free Games	Tips 'n Trik

Pilih Semua

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.listmkbm{
  z-index: 100;
  display:block;
  width: 130;
  background: black;
  border:1px solid lime;
 -moz-border-radius-topleft: 27px;
  -webkit-border-top-left-radius: 27px;
  -goog-ms-border-top-left-radius: 27px;
  border-top-left-radius: 27px;
  -moz-border-radius-bottomright: 27px;
  -webkit-border-bottom-right-radius: 27px;
  -goog-ms-border-bottom-right-radius: 27px;
  border-bottom-right-radius: 27px; 
  
  display:block;
  width:130;
  list-style-type: none;
  text-decoration: none;
  }
  .listmkbm a{
  color: lime;}
.listmkbm a:hover{
  color: red;}
.mkbsamplebtn{
  text-indent:2ex;
  text-align:center;
  font: normal 12px Verdana;
  padding-top:2px;
  padding-bottom:2px;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv{
  width:100%;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -goog-ms-border-radius: 10px;
  border-radius: 10px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
.firsttab,.firsttab a{
  -moz-border-radius-topleft: 27px;
  -webkit-border-top-left-radius: 27px;
  -goog-ms-border-top-left-radius: 27px;
  border-top-left-radius: 27px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -goog-ms-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -goog-ms-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px; 
  }
  .firsttab:hover,.firsttab a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
  .lasttab,.lasttab a{
  -moz-border-radius-bottomright: 27px;
  -webkit-border-bottom-right-radius: 27px;
  -goog-ms-border-bottom-right-radius: 27px;
  border-bottom-right-radius: 27px; 
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -goog-ms-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -goog-ms-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px;
  }
  .lasttab:hover,.lasttab a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
  </style>
<script language="JavaScript">
  var linktext=new Array (0)
  <!--Untuk menampilkan list menu dropdown menu kamu ganti href-nya dengan 
  link list & teks kamu -->
  linktext[0]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[1]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[2]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[3]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Pilih Semua

<div class="mkbbtndiv" style="position:absolute;"> 
<table align="center">
<tr valign="top"> 
<td height="28"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

<li class="firsttab">On Maskibow</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

<li class="mkbsamplebtnbtn" >Free Software</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

<li class="mkbsamplebtnbtn" >Free Games</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

<li class="lasttab">Tips 'n Trik</li></a></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
<tr valign="top"> 
<!--Untuk menampilkan List dropdown kamu di bawah ini -->
<td onmouseover="resetit('div1');resetit('div2');resetit('div3');"><span 
id="div0" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div2');resetit('div3');"><span 
id="div1" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div1');resetit('div3');"><span 
id="div2" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div1');resetit('div2');"><span 
id="div3" class="listmkbm"></span></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
</table>
</div>

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars-

Original Script By	: ---
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Internet Explorer, Opera

On Maskibow	Free Software	Free Games	Tips 'n Trik

Pilih Semua

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.listmkbm{
  z-index: 100;
  display:block;
  width: 130;
  background: black;
  border:1px solid lime;
 -moz-border-radius-topleft: 27px;
  -webkit-border-top-left-radius: 27px;
  -goog-ms-border-top-left-radius: 27px;
  border-top-left-radius: 27px;
  -moz-border-radius-bottomright: 27px;
  -webkit-border-bottom-right-radius: 27px;
  -goog-ms-border-bottom-right-radius: 27px;
  border-bottom-right-radius: 27px; 
  
  display:block;
  width:130;
  list-style-type: none;
  text-decoration: none;
  }
  .listmkbm a{
  color: lime;}
.listmkbm a:hover{
  color: red;}
.mkbsamplebtn{
  text-indent:2ex;
  text-align:center;
  font: normal 12px Verdana;
  padding-top:2px;
  padding-bottom:2px;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv{
  width:100%;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -goog-ms-border-radius: 10px;
  border-radius: 10px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
.firsttab,.firsttab a{
  -moz-border-radius-topleft: 27px;
  -webkit-border-top-left-radius: 27px;
  -goog-ms-border-top-left-radius: 27px;
  border-top-left-radius: 27px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -goog-ms-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -goog-ms-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px; 
  }
  .firsttab:hover,.firsttab a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
  .lasttab,.lasttab a{
  -moz-border-radius-bottomright: 27px;
  -webkit-border-bottom-right-radius: 27px;
  -goog-ms-border-bottom-right-radius: 27px;
  border-bottom-right-radius: 27px; 
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -goog-ms-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -goog-ms-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  
  display:block;
  width: 132px;
  height:28px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  color: lime;
  background: black url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYli5pAy0CWUnJ09n4RxyQgpwzPQ_64mcrG_o09-ZU-Vh9hKMg9cIKJmkjcNbgvEbTWSDdckt3K1iZy7OJIbBN2Cdb-E0-eT8MofYeSO1WPbregnNBriI8w1UZvP_tPq4ac2RrfXEbPtI/s128/aerorightblacktop.gif') 
  center repeat;
  border: 1px solid lime;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 30px;
  }
  .lasttab:hover,.lasttab a:hover{
  color: black;
  background: orange;
  border: 1px solid red;
  }
  </style>
<script language="JavaScript">
  var linktext=new Array (0)
  <!--Untuk menampilkan list menu dropdown menu kamu ganti href-nya dengan 
  link list & teks kamu -->
  linktext[0]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[1]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[2]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>FaceBook</li></a> </div>"
  linktext[3]="<div align='center'> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Al-Qur'an OnLine</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Playing the Game</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Watching TV</li></a> <a href='http://www.maskibow.blogspot.com/search/label/Antivirus'><li 
  class='mkbsamplebtn'>Info Jual-Beli</li></a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Pilih Semua

<div class="mkbbtndiv" style="position:absolute;"> 
<table align="center">
<tr valign="top"> 
<td height="28"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

<li class="firsttab">On Maskibow</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

<li class="mkbsamplebtnbtn" >Free Software</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

<li class="mkbsamplebtnbtn" >Free Games</li></a></td>
<td height="28"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

<li class="lasttab">Tips 'n Trik</li></a></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
<tr valign="top"> 
<!--Untuk menampilkan List dropdown kamu di bawah ini -->
<td onmouseover="resetit('div1');resetit('div2');resetit('div3');"><span 
id="div0" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div2');resetit('div3');"><span 
id="div1" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div1');resetit('div3');"><span 
id="div2" class="listmkbm"></span></td>
<td onmouseover="resetit('div0');resetit('div1');resetit('div2');"><span 
id="div3" class="listmkbm"></span></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
</table>
</div>

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

Maskibow

Folder on Maskibow : Button Menu Drop-Down II (On Maskibow)

Button Menu Drop-Down II (On Maskibow)

Folder on Maskibow
: Button Menu Drop-Down II (On Maskibow)