#menuwrapperpic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSqWihHW5AwSlGHrPJ66SJhNC_wJGAukksYx80APTQzvzxe64TMAm7NV1f6soP3pJclJX18ewc682a_ZWgnDy0PHvdbRM_aitMB3OeIZ00fNIPjjTtHhpjWGofVFdu4YVnDVlIPfFcFxyu/s1600/menu.png) repeat-x top;width:980px;margin:0 auto;padding:0 auto;}
#menuwrapper{width:980px;height:35px;margin: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:bold 12px Arial;text-transform:none;color:#fff;padding:6px 10px 6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3N6ivbPjk2jnj1OsK_sZMYt0RRC-vlcHsLayqlhmTIZ3EvIA2L4FFbYySJx9gQYWyCm_D46cSASkDfdLzVjT6ofvSCS97nfnmGLgcB-Min2asnGYBIMt-f9BIx9bzdjIQtFJhzX5IHOp/s1600/menubar.png) repeat-x;margin:8px 0 8px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #04498a;text-shadow: 0 1px 1px #0e3d68;}
#menubar a:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzSYQVevKExkziaXykniBw41HLhFQSKgSGY9Wqbvf1itqkqgf1Ia42_-4EhVXF7SYi0_gw99xS5bdLJx48Tsrm-QhVHT-GU906WqAgox9xnkE3NqT1m8qob0O-q__usosG_CMwLiA0SqN/s1600/menubar.png) repeat-x}
#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;-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{color:#ff0}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background:#1e70bc;text-decoration:none;margin:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:0px solid #04498a}
#menubar li ul li.hr{border-bottom:1px solid #2386e1;border-top:1px solid #175690;display:block;font-size:1px;height:0;line-height:0}
#menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
#nav-wrapper{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyh0t3qLmPOMarETiTnfonz60AtdhdQb2cWuvJ9OpiqLsRaONL2ZTMJWl_vjE8Z0OHYPQEsmUzoArt8kobt8jRIafKtSSDXTtGTDiPWwpTWP_n6td4R8QXj7aMN2yV-5eS_-EjmzUr0Lu/s1600/nav-bg.png) repeat-x top;height:30px;font-family:Arial;overflow:hidden;}
#nav{margin:0 auto;width:980px;height:30px;padding:0}
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:30px}
#nav ul li a,#nav ul li a:visited{float:left;height:30px;padding:7px 10px;color:#000;font:bold 12px Arial;text-transform:none}
#nav ul li a:hover,#nav .selected{color:#626262;text-decoration:none;}
#panelutta {display:block;}#panel {background-color:#CF4C23;border:2px solid#CF4C23;border-width:2px 2px 0 2px;overflow:auto;margin:0;padding:20px 15px 15px 15px;color:#111;font:normal 12px "Consolas","Courier New",Courier,mono,serif;-webkit-box-shadow:inset 0 0 7px #222;-moz-box-shadow:inset 0 0 7px #222;box-shadow:inset 0 0 7px #222;display:none;}.tombolpanel{position:relative;cursor:pointer;text-shadow:1px 1px 2px #000;padding:7px 15px;background:#1e70bc;border-top:3px solid #CF4C23;color:#e5e5e5;text-align:center;font:bold 14px Times,Sans-Serif;font-style:italic;-webkit-box-shadow:0 -1px 2px #222;-moz-box-shadow:0 -1px 2px #222;box-shadow:0 -1px 2px #222;-webkit-border-radius:0 0 14px 14px;-moz-border-radius:0 0 14px 14px;border-radius:0 0 14px 14px;}.tombolpanel:hover {color:#ccc;}.tombolpanel:after {content:'';position:absolute;top:100%;margin-top:-10px;left:5%;width:0;height:0px;display:block;border-width:20px;border-style:solid;border-color:#1e70bc #1e70bc transparent #1e70bc;} 

 
<div id='panelutta'>
<div id='panel'>
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='http://www.bloggertutoria.com/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi51sKybucEdXmzBO2pFsI4AlJtjjXhPp4GYlQDOBJIGTBcHhoQtOUoHwq4oArXYJxF9beqtaki6rppvxehj9LXQCJiHCF16HYaYXO13Ubhsy_l0-R06vqoqqLmKdU2lNTEfnlVR3Qhurt/s1600/home_white.png' style='padding:0px;'/></a></li>
<li><a href=''>Munsypedia</a></li>
<li><a href=''>Daftar Isi</a></li>
<li><a href='#'>Hubungi Kami</a>
<ul>
<li><a href='https://plus.google.com/116430801090355917573'>Google +</a></li>
<li class='hr'></li>
<li><a href='http://www.facebook.com/selladrt'>Contact on Facebook</a></li>
<li class='hr'></li>
<li><a href='https://twitter.com/selladrt'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='http://'>Misteri Dunia</a></li>
<li><a href=''>Boxriborn</a></li>
<li><a href=''>Follow Me</a></li>
<li><a href='http://'>VHIBLUES</a></li>
<li><a href='#'>Menu Spesial</a>
<ul>
<li><a href='http://'>Misteri</a></li>
<li class='hr'></li>
<li><a href='http://'>Komputer</a></li>
<li class='hr'></li>
<li><a href='http://'>Legenda</a></li>
<li class='hr'></li>
<li><a href='http://'>Tokoh</a></li>
<li class='hr'></li>
<li><a href='http:'>Unic</a></li>
</ul></li></ul><br class='clearit'/>
</div><div style='clear:both;'></div>
</div></div></div><div class='tombolpanel'>
<span class='in'>Buka Untuk Mencari menu Yang Lain Di Sini Bos....?</span>
<span class='in' style='display:none;'>Tutup Bos.......?a</span>
</div></div> 

 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
     $('.tombolpanel').click(function() {
          $('#panel').slideToggle('slow');
          $('.tombolpanel span.in').toggle();
     });
});
</script> 

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

--✽ ✽ ✽-- Cara Pasang Menu 3D CSS Transforms--✽ ✽ ✽--

--✽ ✽ ✽-- gak banyak Pidato silakan sobat lihat Demo di bawah--✽ ✽ ✽--

--✽ ✽ ✽-- Buat sobat yang mau pasang silakan Copy Css di bawah ini--✽ ✽ ✽--

--✽ ✽ ✽-- Buat Div sobat bisa pake Html yang di bawah ini--✽ ✽ ✽--

--✽ ✽ ✽-- Cara Pasang Menu 3D CSS Transforms--✽ ✽ ✽--

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

-✽ ✽ ✽-- Silakan lihat demo di bawah ini bos--✽ ✽ ✽--

1. Home
2. Css
3. Template
   1. Trik Facebook
   2. Modiv Kolom Komentar
   3. Wisata
4. Daftar Harga
5. Menu Pilian

1. Test-Test
2. Daftar isi
3. Benner Sahabat
   1. Tuker Linik
   2. Sahabat
   3. Award
4. Facebbok
5. Gmail

-✽ ✽ ✽-- silakan Copy Kode css di bawah ini--✽ ✽ ✽--

 ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font: 15px 'trebuchet MS', 'lucida sans';
padding: 0;
margin-bottom: 4em;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ol ol{
margin: 0 0 0 2em;
}
.rounded-list a{
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
-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:solid 1px #2a54aa;
color: #444;
text-decoration: none;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
border-radius: .3em;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;	
}
.rounded-list a:hover{
background: #00ff00;
}
.rounded-list a:hover:before{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);	
}
.rounded-list a:before{
content: counter(li);
counter-increment: li;
position: absolute;	
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #87ceeb;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #0000ff;
text-align: center;
font-weight: bold;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.rectangle-list a{
position: relative;
display: block;
padding: .4em .4em .4em .8em;
*padding: .4em;
margin: .5em 0 .5em 2.5em;
-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:solid 1px #2a54aa;
color: #444;
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;	
}
.rectangle-list a:hover{
background: #0000ff;
}	
.rectangle-list a:before{
content: counter(li);
counter-increment: li;
position: absolute;	
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #fa8072;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.rectangle-list a:after{
position: absolute;	
content: '';
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;				
}
.rectangle-list a:hover:after{
left: -.5em;
border-left-color: #fa8072;				
}

-✽ ✽ ✽--Silakan Kopy Kode Divnya di bawah--✽ ✽ ✽--

Cara Membuat Menu Horizontal ol Style

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

Apakabar sobat semuah pada kesempatan kali ini kami mau berbagi sedikit tentang
Menu Efek Jendela Model Windows.

Mungkin sobat bosan dengan Postingan kami yang selalu Posting Tutorial
itupun Dapat Copy Paste xixixiixix...?

Menu Efek Jendela Model Windows ini sedikit berbeda pada menu yang sebelumnya karna ini mempunya sedikit kelebihan pada setiap Box nya sob.

Silakan sobat klik salah satu di bawah ini. di bagian Elmen yang di bawah mempunya Box sendiri-sendiri
jadi setiap Box mempunyai Efek tersendiri..

Silakn buat sobat yang mau pasang bisa Ambil langsung Kode-Kode di bawah
lalu sobat Kreasikan sendiri sesuka sobat

Yang perlu di perhatikan Bagian DIV yang di bawah karna di bagian DIV tersebut
yang akan mengatur Box-Box seperti demo yang di atas

<div class="column">
<button class="md-trigger" data-modal="modal-1">Tutorial</button>
<button class="md-trigger" data-modal="modal-2">Template</button>
<button class="md-trigger" data-modal="modal-3">Css</button>
<button class="md-trigger" data-modal="modal-4">javascript</button>
<button class="md-trigger" data-modal="modal-5">Trik Facebook</button>
<button class="md-trigger" data-modal="modal-6">Islamiyah</button>
<button class="md-trigger" data-modal="modal-7">Pusisi</button>
<button class="md-trigger" data-modal="modal-8">Cintaku</button>
<button class="md-trigger" data-modal="modal-9">Wisata</button>
<button class="md-trigger" data-modal="modal-10">Daftar Harga</button>
<button class="md-trigger" data-modal="modal-11">Puisi Cintaku</button>
<button class="md-trigger" data-modal="modal-12">Daftar Isi</button>
<button class="md-trigger" data-modal="modal-13">Sahabat</button>
<button class="md-trigger" data-modal="modal-14">Aplikasi</button>
<button class="md-trigger" data-modal="modal-15">Game</button>
<button class="md-trigger" data-modal="modal-16">Efek</button>
<!-- special modal that will add a perspective class to the html element -->
<button class="md-trigger md-setperspective" data-modal="modal-17">3D</button>
<button class="md-trigger md-setperspective" data-modal="modal-18">2D</button>
<button class="md-trigger md-setperspective" data-modal="modal-19">1D</button>
</div>
</div>
</div>
<div class="md-overlay"></div> 
  

Buat DIV pemasangaya silakan Ambil di bawah ini

<div class="md-modal md-effect-1" id="modal-1">
<div class="md-content">
<h3>Modal Dialog</h3>
<div>
<p>Kumpulan Menu Tutorial</p>
<ul>
<li><strong>Read:</strong><a href='#'>Template</a></li>
<li><strong>Look:</strong> <a href='#'>Css</a></li>
<li><strong>Close:</strong><a href='#'>Css3</a></li>
<li><strong>Read:</strong><a href='#'>Tutorial</a></li>
<li><strong>Look:</strong> <a href='#'>Trik Facebook</a></li>
<li><strong>Close:</strong><a href='#'>Wisata</a></li>
<li><strong>Read:</strong><a href='#'>Daftar Isi</a></li>
<li><strong>Look:</strong> <a href='#'>Menu Pilian</a></li>
<li><strong>Close:</strong><a href='#'>Menu Ramadan</a></li>
</ul>
<button class="md-close">Close me!</button>
</div>
</div>
</div>
<div class="md-overlay"></div> 
  

Buat javascript Silakan Ambil dibawah ini

<script src="http://selladrt.googlecode.com/files/Style%20Windowns%20tab.js"></script>
		<script src="http://selladrt.googlecode.com/files/Efek%20Windowns%20Style.js"></script> 
  

Sekian dulu Dari semoga bermanfaat buat sobat yang membutukannya Amin

--✽ ✽ ✽--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