--✽ ✽ ✽--ASSALAMU'ALAIKUM--✽ ✽ ✽--

Apa kabar sobat semuah  di pagi ini sehat-sehat semuahkan sobat
ada yang gak puasa gak ni kayaknya hehehehhe..
Seperti biasa sobat kami mau berbagi Tutorial kecil-kecilan buat sobat yaiti
Cara Membuat Menu Bar Ala windows7 kenapa kami namakan
Cara Membuat Menu Bar Ala windows7 karna Menu tersebut.
 posisinya di bawah jadi kami kasih nama Cara Membuat Menu Alla windows7
terserah sobat mau ngasih nama apa D: eheheheh..

Silakan lihat gambar di bawah itu belom kena mous
jadi posisi masih tertutup silakan di klik makan akan
seperti gambar paling atas bos.

Buat sobat yang mau pasang silakan lihat dulu Demonya dibawah

Sudah melihat belom bos dan gimanah hasilnya bagus gak bos
kalu bagus silakan buat sobat yang mau pasang silakan
Copy Css nya di bawah ini

By Selladrt Style LIHAT DEMONYA

<style type='text/css'>
#selladrt {
background: #2a54aa;background: -moz-linear-gradient(top, #2a54aa 0%, #264f9f 21%, #244999 50%, #254693 58%, #204490 63%, #1e428e 82%, #1e3e89 87%, #1f3f8a 92%, #1b3b86 97%, #1d3d88 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a54aa), color-stop(21%,#264f9f), color-stop(50%,#244999), color-stop(58%,#254693), color-stop(63%,#204490), color-stop(82%,#1e428e), color-stop(87%,#1e3e89), color-stop(92%,#1f3f8a), color-stop(97%,#1b3b86), color-stop(100%,#1d3d88));
background: -webkit-linear-gradient(top, #2a54aa 0%,#264f9f 21%,#244999 50%,#254693 58%,#204490 63%,#1e428e 82%,#1e3e89 87%,#1f3f8a 92%,#1b3b86 97%,#1d3d88 100%);
background: -o-linear-gradient(top, #2a54aa 0%,#264f9f 21%,#244999 50%,#254693 58%,#204490 63%,#1e428e 82%,#1e3e89 87%,#1f3f8a 92%,#1b3b86 97%,#1d3d88 100%);
background: -ms-linear-gradient(top, #2a54aa 0%,#264f9f 21%,#244999 50%,#254693 58%,#204490 63%,#1e428e 82%,#1e3e89 87%,#1f3f8a 92%,#1b3b86 97%,#1d3d88 100%);
background: linear-gradient(to bottom, #2a54aa 0%,#264f9f 21%,#244999 50%,#254693 58%,#204490 63%,#1e428e 82%,#1e3e89 87%,#1f3f8a 92%,#1b3b86 97%,#1d3d88 100%);
-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
bottom: 0px ;
font-family: verdana, arial ;
font-size: 11px ;
height: 30px ;
position: fixed ;
width: 100% ;
z-index: 1000 ;
}
#windows7 {
height: 30px ;
margin: 0px 10px 0px 10px ;
position: relative ;
}
#menu-windows7{
padding: 3px 0px 0px 0px ;
}
#menu-root {
background: -moz-linear-gradient(top, #00008B, #0000FF);
-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
border: 1px solid #D0D0D0 ;
color: #00ff00 ;
display: block ;
height: 22px ;
line-height: 22px ;
text-align: center ;
text-decoration: none ;
width: 200px ;
}
#menu {
background: -moz-linear-gradient(top, #00008B, #0000FF);
-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
border: 1px solid #666666 ;
bottom: 32px ;
display: none ;
left: 0px ;
padding: 5px 5px 1px 5px ;
position: absolute ;
width: 200px ;
}
#menu a {
background-image: url(&#39; https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirkEum0YxvFCOXNu0FpA7zoyRCVfV7hNKtxkwi66o_0rUXhT_5Mp5N60tJGRBD4J_lFunELQU5l_ztIaUimX0UVSbKN25gULk9unmBQbDlIfTERIT6IEOAe6XcDzeb2YV4eSzNhMNeynI/s1600/menubg2.PNG &#39;);background-position: bottom;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
color: #00ff00 ;
display: block ;
margin-bottom: 4px ;
padding: 5px 0px 5px 5px ;
text-decoration: none ;
}
#menu a:hover {
background: #2a54aa;background: -moz-linear-gradient(top, #2a54aa 0%, #264f9f 21%, #244999 50%, #254693 58%, #204490 63%, #1e428e 82%, #1e3e89 87%, #1f3f8a 92%, #1b3b86 97%, #1d3d88 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a54aa), color-stop(21%,#264f9f), color-stop(50%,#244999), color-stop(58%,#254693), color-stop(63%,#204490), color-stop(82%,#1e428e), color-stop(87%,#1e3e89), color-stop(92%,#1f3f8a), color-stop(97%,#1b3b86), color-stop(100%,#1d3d88));
background: -webkit-linear-gradient(top, #2a54aa 0%,#264f9f 21%,#244999 50%,#254693 58%,#204490 63%,#1e428e 82%,#1e3e89 87%,#1f3f8a 92%,#1b3b86 97%,#1d3d88 100%);
background: -o-linear-gradient(top, #2a54aa 0%,#264f9f 21%,#244999 50%,#254693 58%,#204490 63%,#1e428e 82%,#1e3e89 87%,#1f3f8a 92%,#1b3b86 97%,#1d3d88 100%);
background: -ms-linear-gradient(top, #2a54aa 0%,#264f9f 21%,#244999 50%,#254693 58%,#204490 63%,#1e428e 82%,#1e3e89 87%,#1f3f8a 92%,#1b3b86 97%,#1d3d88 100%);
background: linear-gradient(to bottom, #2a54aa 0%,#264f9f 21%,#244999 50%,#254693 58%,#204490 63%,#1e428e 82%,#1e3e89 87%,#1f3f8a 92%,#1b3b86 97%,#1d3d88 100%);
-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
color: #FFFFFF ;
}
#site-body-container {
_overflow-y: scroll ;
_overflow-x: hidden ;
_position: relative ;
}
#selladrt {
_bottom: -1px ;
_position: absolute ;
_right: 16px ;
}
#windows7 {
_margin-left: 26px ;
}
#menu a {
_display: inline-block ;
_width: 99% ;
}
</style>
<script src='http://selladrt.googlecode.com/files/Menu%20Bar%20Alla%20Windows7%20By%20Sella.js' type='text/javascript'/> 
  

Silakan Copy DIV nya di bawah sobat

<div class='fixed-position' id='selladrt'>
<div id='windows7'>
<div id='menu-windows7'>
<a href='http://bingkaiframes.blogspot.com/' id='menu-root'>Daftar Menu Tutorial By Selladrt</a>
<div id='menu'>
<a href='http://www.bloggertutoria.com/' rel='nofollow' target='_blank'>Template</a>
<a href='http:' rel='nofollow' target='_blank'>Css</a>
<a href='http:' rel='nofollow' target='_blank'>Modif Komentar</a>
<a href='http:' rel='nofollow' target='_blank'>Trik Facebook</a>
<a href='http:' rel='nofollow' target='_blank'>Daftar isi</a>
<a href='http:' rel='nofollow' target='_blank'>Award</a>
<a href='http:' rel='nofollow' target='_blank'>Wisata</a>
<a href='http:' rel='nofollow' target='_blank'>Daftar</a>
<a href='http:' rel='nofollow' target='_blank'>Tuker Linik</a>
<a href='http:' rel='nofollow' target='_blank'>Tutorial</a>
<a href='http:' rel='nofollow' target='_blank'>javascript</a>
<a href='http:' rel='nofollow' target='_blank'>Islamiyah</a>
<a href='http:' rel='nofollow' target='_blank'>Humor</a>
<a href='http:' rel='nofollow' target='_blank'>Cinta</a>
<a href='http:' rel='nofollow' target='_blank'>Sahabat</a>
<a href='http:' rel='nofollow' target='_blank'>Resep Masakan</a>
<a href='http:' rel='nofollow' target='_blank'>Koleksi</a>
<a href='http:' rel='nofollow' target='_blank'>Aneka Rasa</a>
<a href='http:' rel='nofollow' target='_blank'>Aneka Cinta</a>
</div>
</div>
</div>
</div> 
  

Sekian dulu dari kami semoga bermanfaat buat sobat yang mau memasang Cara Membuat Menu Bar Ala windows7