12 fevereiro, 2011

Slide de imagens com links


Eu amei esse slide , então não resisti e trouxe o tutorial dele:
Primeiro vá em adicionar gadget e escolha html/javascript , feito isso deixe a janela aberta e siga o passo-a-passo :
Se você quizer ver o exemplo , existem alguns blogs que são adpetos desse slide o : Blog da SB e o Things of Teenager....



Codigo Completo:


Esse acima é o codigo completo do tutorial , mais como eu disse farei como um passo-a-passo , aconselho a usar o bloco de notas ou gadget de html/javascript mesmo....

Bom o primeiro passo é ajustar as larguras:
Aperte ctrl+f e pesquize por  Height 300px: Depois de modificar pesquize por Width 400px:
Depende do lugar em que vai colocar , Height é a Altura ele aparece duas vezes no html , caso vá colocar na barra lateral modifique para 200 assim: Height 200px: O mesmo é o com Width que tambem aparece duas vezes esse modifica a largura , para a Barra Lateral coloque Widht 240px:


Inserir os banners:
Modifique as partes link , pelo link que desejar e coloque o Url da imagen que deseja . Ah! Escreva a frase de acordo com a imagen e link:
 

Bom é só isso as modificações são poucas e o resultado é lindo! E para inserir novas fotos use este codigo:


Creditos
Montagem e edição : Gislaine
Html : Dicas para Blogs

4 comentários:

  1. Oi flor, te enviei um e-mail em relação a tag que você participou do blog, depois da uma passadinha no Blog da SB e não esqueça de acessar seus e-mails. Beijos :*

    ResponderExcluir
  2. ótimo post, gostei do tutorial ^^

    http://profanofeminino.blogspot.com/

    ResponderExcluir
  3. oioi...otima postagem...o blog ta lindo...bjos...


    to te seguindo...se ainda n tiver me seguindo...segue tá..rsrrsrs...


    http://overdosevip.blogspot.com

    ResponderExcluir
  4. Sempre quiz aprender a fazer, mas encontrei um tutorial que tinha que baixar um monte de coisa pra estalar no blog. Nem fiz. Mas esse parece esta mais facil.
    Acho que vou tentar. O blog ta ótimo.. super lindo

    xox
    buracosnojeans.blogspot.com

    ResponderExcluir


- Não seja um leitor fantasma, leia, siga e comente!
- Todos os comentários passam por moderação, antes de serem publicados.
- Se o seu comentário ainda não foi respondido, calma porque eu respondo todos! (que tenham o link ou perfil aberto)
- Deixem o link do seu blog/site.