1. Acesse a área de Layout do seu blog, em Elementos da Página.
2. Clique para adicionar um novo Gadget Html/JavaScript e cole este código:
<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>
#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>
-top:190px- distância do menu para o topo (mais para cima ou mais para baixo); basta alterar o número.
-float:left- define se o menu estará do lado esquerdo ou direito (right);
<a href="LINK 1"><img src="IMAGEM 1" width="100" border="0" height="100"/></a><br />
-LINK 1, 2, 3 ou 4- Links do seu menu.
-IMAGEM 1, 2, 3 ou 4- URL da imagem que se refere a cada link.
-width="100"/height="100"- altere os valores de acordo com o tamanho da imagem que você for utilizar.
5. Após editar salve e visualize para ver se gostou *-*
~> créditando o Reino Kawaii <~
Nenhum comentário:
Postar um comentário
Olá pessoal,bem vindos!
bem,aqui é onde você comenta e troca opiniões com nosco;
estou muito feliz por estarem comentando akiie ;)
por favor seja educado (a)
Kisses ;*