Menu Kawaii Fixo

Yooooooooo! Meus lindos cupcakes!!!!

Vamos a um tutorial básico? 

Estava tentando mudar um pouco a aparência do blog e aí encontrei um código super fofo para menu lateral fixo, no Reino Kawaii. 

Ele é super fofo e tem como você editar as imagens que servem como o nome do link do seu menu.
Dá uma olhada no código! *u*

<style type="text/css">
#gb{
position:fixed;
top:190px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:left;
}
</style>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<a href="LINK 1"><img src="IMAGEM LINK 1" width="100" border="0" height="100" /></a><br />

<a href="LINK 2"><img src="IMAGEM 2" width="100" border="0" height="100" /></a><br />

<a href="LINK 3"><img src="IMAGEM 3" width="100" border="0" height="100" /></a><br />

<a href="LINK 4"><img src="IMAGEM 4" width="100" border="0" height="100" /></a><br />

<div style="text-align:right">
<a href="javascript:showHideGB()">
</a>
</div>


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (80-gb.offsetWidth).toString() + "px";
</script></div></div>

Para a edição do código vou deixar algumas dicas :3
* Em <a href="LINK 1"> substitua pelo link da sua página no blogger.
* Em <img src="IMAGEM LINK 1" width="100" border="0" height="100" /> substitua pelo link da imagem que você quer que apareça.

OBS: se você não sabe onde hospedar suas imagens recomendo o 4shared.com

*~Esse código foi pego em Reino Kawaii e está devidamente creditado*~

Desde já muito obrigada e espero ter ajudado!!!

Kissu kissu
:3