Edit in JSFiddle

<script src="https://sites.google.com/site/multfcodes/arquivos-mult-focos/Js%20111.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/multfcodes/arquivos-mult-focos/Js%20222.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/multfcodes/arquivos-mult-focos/Js%20333.js" type="text/javascript"></script>
<a href="http://mult-focos.com/" target="_blank" title="Sua revista digital"><img alt="Sua revista digital" border="0" src="http://goo.gl/guxOm4" style="bottom: 10%; position: fixed; right: 0%; top: 0px;"></a><a href="http://mult-focos.blogspot.com.br/" target="_blank" title="Sua revista digital"><img alt="Sua revista digital" border="0" src="http://goo.gl/guxOm4" style="bottom: 10%; position: fixed; right: 0%;"></a><a href="http://mult-focos.blogspot.com.br/" target="_blank" title="Blogger Tricks"><img alt="Mult-focos" border="0" src="http://goo.gl/guxOm4" style="bottom: 10%; left: 0%; position: fixed;"></a>
<style>
body{
font-size:75%; 
}
a{
outline: none; 
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#F0FFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 5px 5px 10px;
padding: 0 0 0 10px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
color:#FFFFFF;
}
#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:0 0 0 20px;
width:100%;
}
#sideBar li a:hover{
color:#FFFF00;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(https://lh5.googleusercontent.com/-q7hrzbIZP_Y/U0hmoo6rPlI/AAAAAAAAEPM/ApkMReY1Aso/w320-h1-

no/leftcollapseborder_zps33428e2b.png);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display: none;">
<div id="sideBarContentsInner">
<h2>
LeftMenu</h2>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=1038605948160132094#" class="external">Link One</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1038605948160132094#" class="external">Link Two</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1038605948160132094#" class="external">Link Three</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=1038605948160132094#" class="external">Link Four</a></li>
</ul>
</div>
</div>
<a href="https://www.blogger.com/blogger.g?blogID=1038605948160132094#" id="sideBarTab"><img alt="sideBar" src="https://lh4.googleusercontent.com/-

zwzeJyIHGYc/U0hm4Xiu1gI/AAAAAAAAEPg/0aDam7PJEpM/w28-h137-no/sidebarcollapse.png" title="sideBar"></a>
</div>