Tutorial - Colocando o nivo slide

Boa tarde, pessoal

Felizmente hoje não teve aula, apenas a nossa festa de carnaval. Hoje terei muito tempo para postar, mas a falta de inspiração continua. E vocês não sabem o desastre que foi nesta festa!. Sabe aquelas espumas de carnaval?, pois é, me encheram delas, parecia que meu cabelo estava cheio de shanpoo mas na verdade eram essas malditas.
Troxe um tutorial de colocar o nivo slide, para você saber como é, visualize no meu blog, o pink stranberry. O slide é aquele que fica dentro da caixinha branca, no cabeçalho. Gostou?, let's go!

1. Vá até editar HTML e procure por </head>. Abaixo da tag, cole:
Clique aqui para ver o código.
2. Após editar as partes que possuem instruções, crie um gadget de HTML/JavaScript e nele, cole:
<div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<a href="LINK_DO_SLIDE_1"><img src="URL_DA_IMAGEM_1" title="LEGENDA DA IMAGEM 1"/></a>
<a href="LINK_DO_SLIDE_2"><img src="URL_DA_IMAGEM_2" title="LEGENDA DA IMAGEM 2"/></a>
<a href="LINK_DO_SLIDE_3"><img src="URL_DA_IMAGEM_3" title="LEGENDA DA IMAGEM 3"/></a>
<a href="LINK_DO_SLIDE_4"><img src="URL_DA_IMAGEM_4" title="LEGENDA DA IMAGEM 4"/></a>
</div>
</div>
Edite tudo e salve. Lembrem-se: URL_IMG_SETA é onde você coloca a url das setinhas, se for usá-las, se não for usar não ponha nada

35 comentários:

  1. Bem útil .
    Beijos
    nobodyslistenvei.blogspot.com

    ResponderExcluir
  2. Realmente o nivo slide dá um charme a mais no blog, só não uso muito pois atualmente ando querendo fazer layouts mais leves, sabe? Ótimo tutorial.
    Está rolando um sorteio bem legal lá no blog, não deixe de conferir ^~^

    Garota do Olhar Sincero

    ResponderExcluir
    Respostas
    1. Entendo, e, as vezes é chato de ancaixar direitinho no cabeçalho, porque atualmente se usa mais assim. Adoro o seu blog :3

      Excluir
  3. Esse slide fica lindo e é super útil! Tutorial está muito bem explicado ^^

    Beijos!
    http://productionsofdreams.blogspot.com.br/

    ResponderExcluir
  4. Tutorial bem útili , já usei uma vez e adorei o nivo slide.

    Kisses.

    http://meucupcakedemorango.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Também. O que gosto mesmo nele são os varios efeitos de transições.

      Excluir
  5. No meu lay eu coloquei esse slide, fica tão lindo *-*
    Hoje eu tive aula, mas como ia ser a festa de carnaval (odeio carnaval), eu acabei faltando :33

    www.poisonhtml.blogspot.com

    ResponderExcluir
  6. Adoro esse tutorial, é muito útil :3
    Ótimo post ;)
    Kissus

    ResponderExcluir
  7. Eu estava procurando a um tempão! Já tinha achado, mas muito útil!
    Beijoss**

    Minha Vida Fora de Série - perfil

    ResponderExcluir
  8. Adoro o Nivo slide. Adoro esse tuto!
    Ótimo Post!
    Beijokaaas da Nath

    http://mundofantasticofeminino.blogspot.com.br/

    ResponderExcluir
  9. Super útil!

    Ju, do Epílogos e Finais.

    ResponderExcluir
  10. Adoro o Nivo, talvez um dia aplique no meu blog.
    Bjs~
    Cherry Cupcake >> cherrycupcakesz.blogspot.com.br

    ResponderExcluir
  11. É mesmo legal =) retribuindo a visitinhaa =P obrigada por visitar =) volte sempre, só uma coisinha você disse que segiu mas eu não te achei lá :s acho que algum erro aconteceu, blog lindo! parabéns continue assim...

    ResponderExcluir
  12. Muito bom esse tutorial.

    blog-da-marci.blogspot.com.br

    ResponderExcluir
  13. Eu adorei!
    amo slides no blog!
    bjo

    ResponderExcluir
    Respostas
    1. Gente, eu olhie seu avatar e achei que fosse eu O.O. Também amo!

      Excluir
  14. Adorei o post, parabéns! Já estou seguindo o blog linda! Segue o meu por favor? Beijão! http://mycuteplacee.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Vou seguir :3, mas sou POSTADORA deste blog :3

      Excluir
  15. Ameeei o blog ^^ Seguindo!

    Visita?
    myuniverse2012.blogspot.com

    ResponderExcluir
  16. Vou tentar fazer, no próximo lay! Estou salvando nos favoritos!
    teeentime.blogspot.com.br

    ResponderExcluir