Efeito LightBox Automático no Blogger - Fazer Galeria de Fotos

Agora o Blogger já tem o efeito LightBox automático nas imagens publicadas nas postagens. Notei isso ao publicar novas frases em outro blog, após enviar as imagens o efeito light box apareceu sozinho e pesquisando na internet vi que agora é padrão do blogger.
Mas essa novidade do Blogger facilitará, ou melhor, dizendo resolverá o problema de quem gostaria de colocar o efeito LightBox com setinhas para ver outras imagens ou fazer galerias de fotos no blog, pois ficou tudo automático.
Como pode ver na imagem acima o efeito ficou muito bom e não precisamos alterar nada em nenhum código HTML ou configuração do blogger, essa foi uma atualização interna no blogger. E funcionou tanto nos templates novos (design do modelo) como nos mais antigos. Se quiser ver a galeria de imagens funcionando é só visitar a postagem do blog Frases Curtas: Frase de Amor e Imagens Românticas, e testar você mesmo. Nós já publicamos alguns tutoriais sobre efeitos em imagens no blogger, então podem achar algumas coisas interessantes para usar no blog aqui:


Fazer o efeito LightBox - Imagens em Destaque
Colocar bordas nas imagens das Postagens
Colocar Slides ( Power Point) no blog
Trocar a imagem quando o mouse está em cima dela

A única coisa que precisam ter cuidado é com imagens muito grandes, por exemplo, a imagem que usei neste tutorial (tamanho 977×850), porque quando clicar para visualizar no efeito LightBox a imagem original será reduzida para caber na pagina o que faz perder um pouco a qualidade.

Mas é claro o efeito só funciona em imagens que não tenham links para outras paginas ou sites. Você só precisa testar no seu blog e aproveitar.

38 comentários:

  1. Já estava esperando por isso!
    Eu ia colocar o manual no blogger, mas tinha sempre que fazer outras coisas e eu me confundia todo.

    bem legal essa nova funçao

    ResponderExcluir
  2. E não tem mesmo como desabilitar essa droga para usar só quando quiser?

    ResponderExcluir
  3. Isaias
    não achei como desabilitar essa função

    ResponderExcluir
  4. Da hora, eu nem sabia disso, abro as imagens com botão do meio do mouse... Eu queria colocar no site, mais agora nem preciso mais :P

    ResponderExcluir
  5. Legal, o blogger tem tudo para superar o wordpress e ser a maior ferramenta de blogs do mundo.

    ResponderExcluir
  6. Fabiano, por favor, irmão, me diga como vc fez pra colocar os botões de compartilhamento no canto inferior direito do blog. Eu entrei no site AddThis mas lá naum tem essa opção, os botões ficam embaixo da postagem e eu quero como vc colocou no canto inferior direito fixo, prefiro assim. Se puder me esclarecer, ok?

    Amor e luz. Somos todos UM.

    ResponderExcluir
  7. Não sei , Quando eu fui fazer isso não deu para adicionar as imagens que eu queria

    ResponderExcluir
  8. porque não conseguiu adicionar as imagens? essas imagens tinham algo de especial? diferente?

    ResponderExcluir
  9. FelipeKazekage:Cara muito legal, mas no meu blog ainda não tem!
    Vai demora um pouco pra chega no meu blog! :/

    Mas tenho que te paciência.

    Ps.: obrigado pela a ajuda que você me deu pra recebe mais comentários, os comentários já estão aparecendo.

    ResponderExcluir
  10. Oi Fabiano..tchê ...tu és D++++++..aprendo tudo aki...
    tenho dois blogs esse q t falo e outro ja a mais tempo

    em ambos eu kero tirar aquela parte escura q fica la no rodapé..ja procurei e não acho!! Ja vi outros blogs sem akilo...Ajuda eu??? ç.ç

    Bjo no tum tum Janne

    ResponderExcluir
  11. Janne
    o rodapé do blog é no estilo footer na pagina editar html, deve procurar um que tenha cor de fundo (background....) e mudar a cor ou apagar

    ResponderExcluir
  12. Eu andei procurando bastante, mas não achei um tutorial que mostre o que ando querendo..
    quero colocar um "coração" no fim das postagens do blog.. para que quem tenha gostado daquele post clique no coração e diga que "amou" ex de um blog que tenha: http://achadosdabia.com.br/ se puderem me ajudar eu agradeço!
    kisses

    ResponderExcluir
  13. Gih
    tente o site outbrain, eles fazem classificações com estrelas... não sei se tem a opção de usar corações

    ResponderExcluir
  14. (((((AAAAAAAAAAAAAAAA))))) me perdoa a gritaria...mas eu conseguiiiiiiiiiiiiiii

    brigaduuuuuu Mestre
    \0/ \\Õ

    ResponderExcluir
  15. O Fabiano
    no meu blog não ta funcionando, eu nem sei porque,
    os meus outros blogs de testes, funcionam mas o meu não! ajuda ae!

    meu blog é o: http://naruto-9tails.blogspot.com/

    ResponderExcluir
  16. Olá Fabiano, no meu blog não funcionou o efeito. Porque será?

    ResponderExcluir
  17. Bia Marques
    o seu template tem varias modificações.. talvez seja esse o motivo, mas seria dificil reverter

    ResponderExcluir
  18. Legal! Mas ainda não vi nenhum blog com esse efeito, inclusive esse que vc sugeriu, eu cliquei mas não surgiu com esse efeito...

    ResponderExcluir
  19. Cami
    o blogger desativou o efeito lightbox

    ResponderExcluir
  20. O código não funciona mais????

    ResponderExcluir
  21. o blogger só deixou esse efeito funcionando por alguns dias... estamos aguardando ainda se volta a funcionar, mas não temos o que fazer

    ResponderExcluir
  22. Não tem nada parecido, um cógigo que pega essas imgens e podem ser passadas em slides, algo parecido, duvido que não tenha nada que substitua isso, e uma outra pergunta quero anunciar no site como eu faço?

    ResponderExcluir
  23. existem codigos para slides, mas precisam de adaptações para usar no blogger, além disso teria que ser feito em cada imagem....

    ResponderExcluir
  24. tambem pode utilizar entrando nesse site aki

    https://picasaweb.google.com/


    vc faz upload das imagens ecompartinha com todos a web e colocar o codigo gerado no blogger.
    vc tem que longar com o email do admin do seu blogger

    ResponderExcluir
  25. Meleka está ativado + não aparece o efeito acho que é algo com meu template :(

    jackiemsmakeup.blogspot.com

    ResponderExcluir
  26. @Jackie se o seu template for modificado ou baixou de algum site pode dar erro.

    ResponderExcluir
  27. nao entendir pode me explicar meu email e tenoriojunior@yahoo.com.br e ainda nao ta pegando no meu blog !!!

    ResponderExcluir
  28. o efeito é padrão do blogger só precisa entrar na pagina de configurações, mas se o seu template for modificado ou baixou de algum site pode não funcionar, então o melhor seria trocar o template do que procurar erros no código

    ResponderExcluir
  29. Olá, eu gostaris de saber como fazer com que as imagens que eu posto no corpo da postagem já venha com um tamanho predefinido, pois eu gostaria de fazer uma galeria, e fica modificando imagem por imagem irá demorar muito!

    ResponderExcluir
  30. não tem como pre definir o tamanho de todas as imagens, mas quando publica a imagem o blogger já redimensiona automaticamente

    ResponderExcluir
  31. Instalei um template no blog que não vem com o lightbox. Por favor poste o código que ensina como colocar manualmente! Obrigado

    ResponderExcluir
  32. Anonimo aqui tem os códigos do lightbox:

    Como Desativar o Efeito Lightbox Padrão do Blogger

    lá fala sobre desativar, então veja se está igual ou parecido com o seu blog.

    ResponderExcluir
  33. Eu baixei um template e estou fazendo modificações, mas ele não tem esse efeito lightbox com as imagens pequenas abaixo. Quando clicamos numa imagem ela se mostra sozinha, sem as outras da postagem abaixo. Preciso muito arrumar isso no css para que seja automático, não da forma que tenho visto em alguns tutoriais que ensinam a trocar o link de imagem por imagem.
    Vocês tem aqui um tutorial ensinando? Não achei e estou desesperada por isso. Obrigada.
    .

    ResponderExcluir
    Respostas
    1. o efeito é padrão do blogger, infelizmente se o recurso está ativado nas suas configurações mas deu erro não dei como arrumar isso no html

      Excluir
  34. Como faço para inserir as setas de navegação..no meu aparece normal so que nao tem setas de navegação

    Att,

    ResponderExcluir
    Respostas
    1. esse efeito light box padrão do blogger não tem setas.

      se quiser um que tenha setas precisa baixar algum código pronto, mas acho melhor usar o padrão do blogger para evitar erros com códigos ou deixar a pagina lenta (dependendo do código que usar)

      Excluir