29 de dez de 2012

Use o Nivo Slider

Tumblr_mfqx90oa8d1rcgmdoo1_500_large
Eu matando vocês de fome, muahaha *--*

Heey girls~
Tudo certinho? Essa postagem foi feita ontem, desde que eu vi o pedido. Provavelmente hoje eu estaria com preguiça de fazer ou não teria tempo #sorry, i'm preguiçosa. A falta de tempo é porque eu estou simplesmente curtindo a viagem.

A do My Dreams pediu o tutorial de como colocar Slide no cabeçalho. Eu trouxe o tutorial explicadinho do Nivo e o tuto de posicioná-lo no topo, no seu header, resumindo: cabeçalho shuahshauhsau' Espero ajudar você dear e outras pessoas também. Esse tutorial é o atualizado do Kawaii World, já que o do Cherry Bomb está com problema.

Primeiro vá em Editar HTML e procure por:

</head>

Achou? Cole esse código aqui acima. No próprio código tem as instruções, do que trocar e tudo. Qualquer dúvida...Tem uma parte que é a URL das Bullets, umas bolinhas que ficam embaixo. Eu particularmente não uso, mas tem algumas aqui no Cherry Bomb. 

Já com as setinhas, indico algumas também no Cherry Bomb e em Tumblr's de HTML, as conhecidas Arrows. Aqui tem algumas e aqui também. Para usar o seu nivo, cole num HTML Java Script esse código:

<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>

Tumblr_mfdhbdpvzn1qzipvbo1_500_large

Agora...para posicionar seu Slide e qualquer outro gadget no Cabeçalho o código é bem simples. É só colocar o seguinte código no seu Gadget HTML Java Script já pronto.

<div style="position: absolute; margin-top: -100px; left: -200px;">
</div>

Bem acima, primeiro de tudo. Exemplo:

<div style="position: absolute; margin-top: -100px; left: -200px;">
Seu código todo aqui <3
</div>

Em margin-top você muda a altura que está do topo da página e em left muda a posição de lado do seu gadget. Uma dica para você: posicione o gadget dos códigos assim:


Claro que ali são dois códigos, mas enfim...eu acho melhor. Mas se você colocou em outro lugar e funcionou tudo bem c:

Espero que tenham entendido, que seja isso mesmo o que estavam procurando e pronto shaushuahsua' Os códigos são atualizados, e os créditos vão ao Kawaii World.
Qualquer dúvida estou disposta a atender ;D

Kisses for you :3

6 comentários:

  1. Eu usava no layout passado, e no que estou agora não dá pra usar porque eu acho que ficaria estranho. O Nivo é muuuito bom e recomendo também :)
    http://republicacrash.blogspot.com.br/

    ResponderExcluir
  2. Nossa, muito legal.
    Adorei, acho que no próximo lay eu uso.

    Chuvasdeparis.blogs...

    ResponderExcluir
  3. Amei o tutorial!! Vou salvar aqui *---*

    help-adolecentro.blogspot.com.br/

    ResponderExcluir
  4. O nivo slider é lindo,deixa o blog bem legal!Adorei aqui linda,estou retribuindo a visita,e seguindo amore!
    The fluffy land (perfil)

    ResponderExcluir
  5. Amei o tutorial, eu quero coloca-lo no meu novo layout :)
    beijos

    ResponderExcluir
  6. O Nivo Slider é otimo, recomendável em qualquer blog. Eu n uso agora mas irei usar no meu proximo Lay..
    seguindo o vosso blog, amei ele :D
    beijoo
    http://iam-a-broken-rose.blogspot.pt/

    ResponderExcluir

Olá, aqui temos uma Mini F.a.q pra te auxiliar:

-Não aceitamos Tags e Selinhos
-Precisa de uma Postagem? Pode comentar :)
-Afiliação? Somente na página sobre como se afiliar. Pedidos nos comentários serão desconsiderados
-Por favor, sem xingamentos para o bem de todos
-Nunca deixe a URL do seu blog no final do comentário, o blogger considera isso SPAN e exclui seu blog :(
-Por favor não plageie.
Mais alguma pergunta? Comente aqui ou Leia nossa F.a.q completa

Obrigada