Tutorial: Como colocar slide no blog.


Hey galerinha tudo bem com vocês? Espero que sim, fiquei um tempinho sem postar tutoriais por aqui não é mesmo? Vejo que muitos começaram a mudar o layout do blog e porque não inovar e colocar um slide no novo lay? Além de ficar lindo, dá um super destaque no blog, vale a pena.

Não é um bicho de sete cabeças e também não é tão complicado assim galera, acreditem, é bem fácil e simples. Vamos ao que interessa não é mesmo?

Primeiramente você vai em Modelo > Editar HTML depois irá procurar pela tag </head>. Esse primeiro  todos já conhecem néh? Enfim, cole o código que está aqui abaixo da tag e salve. Caso queira ajustar alguma coisa é só mudar lá nos códigos antes de salvar.  Clique em "Leia Mais" para terminar de conferir o tutorial.



Crie um gadget de HTML/JavaScript e cole o código abaixo:
<div style="position: absolute; margin-top: -409px; left: 475px;">
<div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<a href=""><img src="url da imagem""/></a>
<a href=""><img src="url da imagem""/></a>
<a href=""><img src="url da imagem""/></a>
<a href=""><img src="url da imagem""/></a>
</div>
</div></div>

Após ter feito isso salve e ajuste a posição do slide certinho ao seu layout. O resultado é igual ao slide ai em cima no meu layout. Espero que tenham gostado do tuto e até o próximo post galera.

Essa é a última semana que terei tempo para focar no blog mas acordei sem muita vontade de postar aqui, mas antes da semana acabar faço um post explicando tudo, espero que tenham gostado da postagem e até o próximo post.

19 comentários:

  1. É bem fácil por esse negocinho.
    Tem psot novo lá nob log, passa lá e comenta!
    Beijos
    gabriela-amorim.blogspot.com

    ResponderExcluir
    Respostas
    1. É fácil mesmo hehe' e fica super legal *-*

      Obrigado pela visita Gabi hihi' ♥

      Pode deixar que irei dar uma passadinha lá!

      Excluir
  2. Acho fácil mas, tenho preguiça de colocar em prática! Adorei o tutorial!
    Beijos,
    isaloy.blogspot.com.br
    blog-pequenaprincesa.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Sei como é Isa, fico feliz que tenha gostado hihi'

      Obrigado pela visita Isa ♥

      Excluir
    2. Olá tem tag para você no meu blog
      http://liciniocarpinellimeudiario01.blogspot.com.br/2013/01/respondendo-tag-o.html
      Beiijos!

      Excluir
  3. eu aprendo a colocar slides no meu blog foi no space sweet girls :)

    http://peoplecrazystipoeu.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ah legal ;) acho muito legal o blog da Bárbara hehe'

      Obrigado pela visita ♥

      Excluir
  4. adorei o slide leo ! mais eu ja tenho todos os código rs


    http://ilovestarandbooks.blogspot.com

    ResponderExcluir
  5. Ótimo tutorial, bem fácil :3
    space-sweet-girl.blogspot.com

    ResponderExcluir
  6. Nossa eu sempre tenho dificuldade com código mas achei esse tutorial bem explicado,obrigada pela dica bem.
    beijo
    www.relaxaocorpo.blogspot.com

    ResponderExcluir
    Respostas
    1. Sei como é, achei que o tutorial não fosse tão útil mas mesmo assim resolvi postar, que bom que ajudou *--*

      Beijos, obrigado pela visita ♥

      Excluir
  7. Adorei o tuto, é bem fácil, eu acho lindo esses slides, qualquer dia eu coloco em meu blog :D
    Beijinhos
    conversando-com-a-lua.blogspot.com.br

    ResponderExcluir
  8. Adoreeei ! Participe do blogueira(o) oculta! e tem varias tags pra vc divulgar seu blog: http://emperfeitasintonia.blogspot.com.br/2013/01/blogueira-oculta-participe.html e claro que pode partipar garotos tbm

    ResponderExcluir
    Respostas
    1. Que bom que gostou!! Irei participar :3

      Obrigado pela visita ♥

      Excluir

- Obrigado pela visita e pelo comentário, não se esqueça de deixar o link do seu blog abaixo para que eu possa retribuir sua visita.

-Se for para criticar que seja logado, em anônimo sua opinião não valerá de nada.

 
Design e programação: Carol Mascarenhas
Confissões de um garoto - 2011 / 2015. Todos os direitos reservados Tecnologia do Blogger