Menu escondido

Buenas meus cogumelos (❁´▽`❁)*✲ﾟ* Tudo bem com todos? Gente, vocês não fazem ideia de como eu estou feliz em poder estar postando este menu, sempre via modelos assim mas nunca acertava na hora de criar, estava tentando e tentando criar ele e nunca dava certo pois sempre faltava algo tipo, ou ficava tudo desalinhado ou a imagem ficava por fora do menu. Eu ficava sempre observando os códigos de outros modelos parecidos e tentando imaginar como faria para poder ter o mesmo resultado, fui usando meus códigos o conhecimento que tenho em html e depois de muitoooo tempo eu consegui ＼(*T▽T*)／ ♪ We are the champions, my friend...♪♪ UHSuahsuahsuahs musiquinha para demonstrar minha felicidade ˘⌣˘ Sei que é algo comum mas nada como criar algo seu mesmo, independente se é inovador ou não. É isso então, espero que curtam e usem. Kiss!

LIVE PREVIEW (✿◠‿◠)

Vá até o seu modelo e dentro procure por:  ]]></b:skin> cole o código abaixo acima dele e salve.

.sidemenu {position: fixed; padding:10px; top: 0; opacity:0.8; width: 200px; height: 100%; border-right: 15px solid #FFD3D3; left: -218px; background-color: #FFFAFA; font-family:calibri; font-size:13px;color: #ccc; text-align: justify;-webkit-transition: all .7s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out; z-index: 151234354}
.sidemenu:hover {opacity: 1;left: 0px; -webkit-transition: all .5s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out;}

Para usar os links e imagem cole este código dentro de algum gadget, de preferência que seja acima da área de post.

<div class="sidemenu">
<img src="http://static.tumblr.com/oxvpfuf/FFlnewhmk/side_3.png" height="200" width="200"/><br/><center><small> Olá, Tudo bem? Meu nome é Rosângela mas mais conhecida como Roh Chan, sou dona de uns 4 blogs e vivo criando mais outros 500 por ai.. Este é um modelo de menu escondido, espero que gostem ;)</small><br />
<div style='text-align:center;margin-left:px; margin-bottom:10px;margin-top:15px;text-transform:uppercase;'>
<a href="/"> Face -</a>
<a href="/"> Tumblr -</a>
<a href="/"> Instagram -</a>
<a href="/"> Ask </a>
</div></center></div>