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
Assinar:
Postar comentários (Atom)
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ótimo post, gostei do tutorial ^^
ResponderExcluirhttp://profanofeminino.blogspot.com/
oioi...otima postagem...o blog ta lindo...bjos...
ResponderExcluirto te seguindo...se ainda n tiver me seguindo...segue tá..rsrrsrs...
http://overdosevip.blogspot.com
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.
ResponderExcluirAcho que vou tentar. O blog ta ótimo.. super lindo
xox
buracosnojeans.blogspot.com