Olá! Seja bem-vindo ao meu blog!

Aqui você dá as boas vindas aos seus leitores, fala sobre você e seu blog, contato:

E aqui você deixa os links de suas redes sociais, com ícones de sua preferência:

Menu

Faça um tour pelo blog ;3

Desculpinhas+Menu Lateral

Voltei! *-* Eu estava sumida hein? mas voltei! aviso não posto muito nos sábados e domingos =/ mas trouxe como Colocar um menu lateral:

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>

3.Editando o código:
-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 1width="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 ;*

Brightness Girl Copyright 2013. Editado por: Roberta. Créditos dos recursos utilizados em: Reino Kawaii.
up