Imagens Deslizando nas Laterais do seu Blog

 



 
 
 
 


 




 

Algumas meninas viram essas imagens deslizando na lateral do meu blog e muitas perguntaram como poderiam fazer o mesmo em seus blogs. E devido estes pedidos resolvi fazer este passo a passo  ensinando as amigas . Este recurso economiza muito espaço nas laterais do seu blog. Este pap é apenas para banners , para os sorteios será outro passo a passo.

Não é difícil, mas exige um pouco de atenção.

Para começar vamos precisar do seguinte código:

                                 

                                  <div class="widget HTML" id="HTML12">

<div class="widget-content">

<marquee heigth="250" widht="350" direction="up" behavior="scroll" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="4">

<i><center>

<p></p><center>

<a href="ENDEREÇO DO BLOG" target="_blank"><img style="height: 90px; width: 150px;" src="ENDEREÇO DA IMAGEM" />

</a></center></center></i></marquee></div></div>

Agora vamos ao trabalho:

1- Entre na sua conta do blog.

2- Quando você entra vai direto para o "PAINEL";

3- Clique em "DESING";

4- Agora você clica em "ADICIONAR UM GADGET"

5- Na nova janelinha que abrir (Janela pop-up) Clique em " HTML/JavaScript"

6- Agora copie o código e cole onde indica na imagem acima:

7- Após colocar o endereço da imagem e do blog na parte vermelha do código clique em salvar.

Aprendendo a mexer no código

O código que você copiou e colou terá que ser modificado, mas lembre-se apenas será substituindo a parte vermelha.

Este código será apenas para um banner, quando você quiser adicionar outro você vai precisar do código que está na cor cinza.

<p></p><center>

<a href="ENDEREÇO DO BLOG" target="_blank"><img style="height: 90px; width: 150px;" src="ENDEREÇO DA IMAGEM" />

Você sempre vai precisar deste código acima para adicionar um novo banner.

Clique nas imagens para ampliar. 

Em caso de alguma dúvida é só perguntar por meio de comentários.

Espero que gostem do passo a passo.