Menu para blog

<script src="http://sites.google.com/site/menudeslizante/menudeslizante/prototype.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/menudeslizante/menudeslizante/effects.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/menudeslizante/menudeslizante/side-bar.js" type="text/javascript"></script>
<style>
body{font-size:75%;}
a{outline: none;}
a:active{outline: none;}
#sideBar{text-align:left; padding: 4px 0 4px 6px; border: 1px solid #fff;}
#sideBar h2{
padding: 4px 0 4px 6px;
color:#FFFFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
color:#000; text-shadow:-2px -2px 3px #808080;
padding: 4px 0 4px 6px;
font-size:165%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0 10px 3px 3px;
padding:2px;
list-style-type:none;
display:block;
background-color:#808080;
border: 3px groove #ccc;
width:177px;
color:#FFFFFF;
text-shadow: 2px 3px 4px #000;
}
#sideBar li a:hover{
width:160px;
color: #000;
background-color:#ccc;
border: 3px ridge #ccc;
text-shadow: 2px 3px 4px #000;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding: 4px 0 6px 3px;}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 80px;
left:0px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguHsslZcVgeNAF3kNDTr6Dnr0GYX39Dg-kJ_ndL7z7mOUKN9ejLTgUZs3K-cUscMrryPbq802BEJ7dB5w6FRoZOZKBV7gedyZb80L2VjqvT7xTtWmQihJwBIPk54A7ICoobkO4OxdEg8E/s1600/cin.png') repeat;background-position:top right;}
#sideBarTab{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguHsslZcVgeNAF3kNDTr6Dnr0GYX39Dg-kJ_ndL7z7mOUKN9ejLTgUZs3K-cUscMrryPbq802BEJ7dB5w6FRoZOZKBV7gedyZb80L2VjqvT7xTtWmQihJwBIPk54A7ICoobkO4OxdEg8E/s1600/cin.png') repeat;
float:left;
height:137px;
width:28px;
}
#sideBarTab img{border:none;}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:360px;
}
#sideBarContentsInner{width:200px;}
</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2><span>Menu</span></h2>
<ul>
<li><a href=http://anime-jw.blogspot.com/>home</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>
</div>
<a id="sideBarTab" href="#">
<img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR_j1BfgYNpCFFVYHSDB4dKEyd82PcewVwezRzgREgvu6_S-n72qKSMakLvvbCIEcuT6-VdyMn4Dvf6w3hx2sDbPPWLhZutm80JK69RqFq4rtCcsKpT8F7cWTlKl0ohVZzd4qJMyVV0YE/s1600/menu.png" title="sideBar" /></a>
</div>