Fazer uma apresentação de slides no blog

Criar uma apresentação de slides no blog existem varias maneiras uma delas é fazer um álbum de fotos no http://www.flickr.com, se não tiver uma conta no site crie é grátis. Depois que enviar todas as imagens que desejar usar no seu slide show no blog para o Flickr, veja que na pagina inicial dele tem um link “sua galeria”, no caso da nossa que criamos para demonstrar neste tutorial sobre como colocar uma apresentação de slides no blog o endereço é http://www.flickr.com/photos/14971067@N02/, isso é importante, pois será pedido no blogger na hora de criar os slides.

Agora entre no Blogger na pagina layout, clique em adicionar gadget e procure a opção apresentação de slides. Na próxima tela vamos criar nossa apresentação veja na imagem abaixo, como preencher os campos principais:



Coloque o titulo que desejar, depois em origem selecione a Flickr, opção marque usuário. Agora vem uma parte importante nome de usuario aqui vai o endereço do seu algum no Flickr em nosso caso é 14971067@N02/. Após isso defina a velocidade, mais algumas opções são abrir os link em nova janela (aconselhamos marcar) e posicionar imagens aleatoriamente.

Você poderá visualizar sua apresentação de slides enquanto modifica as opções depois que terminar é só salvar. Outro detalhe interessante é se você já tiver vários álbuns no Flickr pode fazer uma apresentação usando somente um deles, por exemplo, criamos um álbum com algumas fotos de animais, o endereço é http://www.flickr.com/photos/14971067@N02/sets/72157622406994126/ se fossemos usar somente essas imagens nos slides colocaríamos o nome de usuario assim: 14971067@N02/sets/72157622406994126/ essa é uma maneira de usar somente uma parte das imagens que você já tem nos seus álbuns de fotos no Flickr.

Leia também:

Fundo semi transparente
Personalizar Gadget - barra de rolagem
Colocar imagens no título das postagens
Gerador de Tags
Configurar domínio no Uolhost
Artigos relacionados
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

63 comentários:

  1. Peguei essa dica já estava a tempos querendo botar slides no meu blog. Obrigado.
    Bjs

    ResponderExcluir
  2. ola Fabiano, esta dica vai me ser util a alguns dias estava a me perguntar como se fazia uma apresentaçao de slide, abraços!

    blogdoluarencantado.blogspot.com

    ResponderExcluir
  3. Fabiano como sei que voce é muito inteligente para estes assuntos de layout quero te pedir uma ajuda...

    a medida que vou ganhando selinhos os coloco da do lado dos gadjets assim como faço com os mesmos, porem hoje ao colocar uma nova imagem, o meu contador, uma outra imagem e os agradecimentos ficaram distante das postagen e fico feio, nao sei o pq, sao sei se fui claro mais o que pode ter sido? vc tem uma noçao?

    obrigado des de ja!

    ResponderExcluir
  4. Caro Fabiano, vim desejar uma ótima semana e dizer que o blog está cada dia melhor, ainda mais com esta mudança deixando as postagens ao lado esquerdo, parabéns!
    O artigo está simplesmente ótimo, eu já tenho conta no flickr, mas preciso atualizar as fotos.
    Tenho uma dúvida, não fica pesado uma apresentação slide no blog?
    Saúde, paz e sucesso!
    Abraço,
    Moura

    ResponderExcluir
  5. Boa sua dica eu usava e uso em meu blog o picasaweb e não sabia como fazer apresentação de slides VALEW por mais uma dica otima para os blogeiros em plantão.FALOW

    http://aprenda-pc-ltda.blogspot.com

    ResponderExcluir
  6. Moura
    qualquer coisa que coloca no blog deixe ele mais pesado, e certamente uma apresentação de slides é uma dessas coisas afinal são varias imagens.

    Então fica a seu critério se vale a pena ou não usar isso no blog. Quando fiz o teste não achei muito pesado, mas usei poucas imagens.

    ResponderExcluir
  7. Ok, agradeço o feedback!
    Meu blog ainda está pesado, não consegui descobrir qual o script que trava, vez por outra diz se desejo interromper o script e trava por uns 5 segundos.

    Mas acredito que com algumas dicas suas eu possa melhorar meu blog.

    Saúde, paz e sucesso!
    Abraço,
    Moura

    ResponderExcluir
  8. olá... tenho uma dúvida e gostaria de pedir sua ajuda:

    como faço para que qualquer coisa em meu blog abra em outra janela ou outra aba?

    agradeço desde já

    ResponderExcluir
  9. Private Pecker
    precisa colocar target="_blank" nos links para abrir em outra janela

    ou na pagina editar html colocar <base target="_blank" /> antes de </head>, mas isso faz todos os links abrirem em uma nova janela, as vezes pode causar problemas

    ResponderExcluir
  10. cara muito boa essa informação, simple, mas de grande ultilidade.


    muito obrigado

    ResponderExcluir
  11. Olá, fiz tudo direitinho, porque não esta aparecendo as fotos no blog? gabisarj@gmail.com

    ResponderExcluir
  12. Fabiano, eu novamente... rsrsrs Descobri, não pode colocar as fotos como particular, temos que colocar como publica, eu mudei e deu certo! Muito obrigada pela paciência! Este blog é 10.

    ResponderExcluir
  13. Parabéns! Seu bolg é muito claro e simples de entender. Obrigada pela dica, os alides já estão lá.
    Marluce

    ResponderExcluir
  14. Olá!!! Eu estava querendo colocar meus selinhos como apresent. de slides e vim aqui procurar. Achei! Fiz exatamente como vc disse, mas infelizmente, os selinhos não são visualizados! Coloquei o nº do usuário certinho e nada!!! O que pode estar acontecendo? Li várias vezes sua dica para ver se havia deixado de fazer algo, mas não deixei.

    Abraços,
    Lucinha

    ResponderExcluir
  15. Lucinha
    veja como estão as configurações do seu feed, se está marcado para publicação completa, aqui tem mais detalhes

    Miniaturas das Imagens não aparecem

    ResponderExcluir
  16. Sim. Está "completa".

    Deve haver algum outro problema que ainda não consegui descobrir.

    Obrigada pela atenção, Fabiano

    Abraços

    Lucinha

    ResponderExcluir
  17. Mto legal,ótimas dicas!Parabéns!!

    Adoro o site,sempre estou visitando,e já aprendi mta coisa aqui.
    Desculpa nunca ter comentado antes.

    Beijocas!!

    ResponderExcluir
  18. Oi Fabiano, adorei essa dica, obrigada, já consegui criar o meu slide show, a única coisa que nao entendi é pq o slide está mostrando apenas uma parte das fotos, menos da metade, baixei 44 fotos, devem estar sendo mostradas simultaneamente apenas umas 15, o que devo fazer?1 bjos

    ResponderExcluir
  19. precisa ver seu algum no flickr se está tudo certo lá, também no endereço da pagina que usou...

    mas acho que deve usar menos fotos, senão vai demorar demais para carregar a pagina

    ResponderExcluir
  20. Olá. mais uma vez agradeço pelas idéias e parabenizo pelo talento.

    Copiei, modifiquei o endereço mas não apareceu imagem alguma. o que eu devo fazer?

    obrigado.

    www.studiumcapelli.blogspot.com

    ResponderExcluir
  21. tem que achar o endereço correto do seu algum no flickr, veja também na ajuda do site

    ResponderExcluir
  22. Oi Fabiano!! Estava certo endereço sim!! É como vc disse... eu coloquei muitas fotos, o programa só registra as 20 ultimas baixadas, mas valeu, tá bom demais, adorei o resultado... ;)

    ResponderExcluir
  23. muito bom o blog...
    to precisando de uma ajuda sua... coloquei um slide no blog, mas to achando pequeno o tamanho com que ele esta aparacendo, tem como colocar maior? tipo 300px
    desde de ja agradeço

    ResponderExcluir
  24. isso é gerado automaticamente pelo site, não tem como modificar

    ResponderExcluir
  25. Muito bommmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm.

    ResponderExcluir
  26. Oi Fabiano, não sei o que estou fazendo de errado, mas até hj não consegui fazer a apresentação de slide conforme seu tutorial... Me ajuda... por favor

    ResponderExcluir
  27. veja se pegou o endereço certo da pagina, qualquer erro ou barra não deixa o código funcionar...

    veja aqui outra opção: Colocar Slides ( Power Point) no blog

    ResponderExcluir
  28. Enfim um tutorial que eu consegui, sofri ontem, olhei vários e nada de conseguir fazer o slide. e hoje nossa, em menos de 1 minuto eu fiz. Obrigadaaaaaaaaa!

    ResponderExcluir
  29. Bacana gostei bastante!....ah se puderem visitem meu blog: http://cjsrdownloads.blogspot.com/

    ResponderExcluir
  30. eu baixei um tema para meu blog, e tem um espaço para por os slides, mais eu ñ consigo por, como eu faria isso me ajuda ai!

    ResponderExcluir
  31. @WG ent infelizmente esses templates prontos podem ter erros

    se tentou colocar o código como mostramos e não deu certo pode ser algum codigo em conflito, então é melhor não usar os slides senão terá que alterar outras partes do blog

    ResponderExcluir
  32. oi!! Vc me ajudou mto com esse tutorial, mas eu tentei e não deu certo... então aí vai minha dúvida: Pra fazer a apresentação de slides, é preciso que as fotos do album no flickr estejam no "público" e não no "privado"?? Ou isso não interfere?? Abração

    ResponderExcluir
  33. Boa Tarde Fabiano.

    Eu gostaria de colocar albuns os slides já tenho, gostaria de colocar uma espécie de galeria, onde, ao ser clicado abre todas as fotos, é +ou- igual ao Orkut ou facebook, procurei um monte e ainda não achei esta informação, ou de como proceder.

    Desde já agradeço sua atenção.

    Sirlei

    ResponderExcluir
  34. @Grupo de Tradição e Cultura "OS GUAPOS" as opções mais faceis de fazer são essa tipo do flickr ou outros sites de hospedagem de imagens

    galerias mais personalizadas só fazendo manualmente mas precisa entender de html e dá trabalho

    ResponderExcluir
  35. oi,eu queria saber se tem como colocar um link nas imagens fasendo elas ir direto na minha postagem,é possivel?

    ResponderExcluir
  36. acho que nesses slides do flickr não tem como fazer ir para suas postagens, veja aqui: Como fazer Apresentação de Slides com Banners

    ResponderExcluir
  37. cara vlw audou muito,eu vi varios esplicando,mas para mim o seu tutorial é melhor :),vou ficar com essa dica mesmo vlw^^

    ResponderExcluir
  38. Bom dia.

    Gostaria de saber como incluir um som junto com o Slide do PowerPoint ?
    Pois meus Slides (todos) tem um Som específico..!

    Obrigado.

    ResponderExcluir
  39. veja aqui: Colocar Slides ( Power Point) no blog

    lá você pode enviar a apresentação feita no power point

    ResponderExcluir
  40. ou fabiano tudo brm eu usei este tutorial mas troquei de tempalte recentemente e ele ja vem com o slide se voce quiser eu te envio uma cópia do meu template pra voce postar aquele slide pois acho ele muito estiloso.
    mas indo a minha duvida queria saber como voce poz aquela barra no canto inferios dali -->
    porque eu gostaria de por ela no meu blog tbm!
    Obrigado pela atençao o url do blog do slide que felei e http://jogolanielandia.blogspot.com.

    ResponderExcluir
  41. estou com outro problema também fabiano e que meu blog conta com abas como o da imagem:
    http://imageshack.us/photo/my-images/440/hirenks.png/

    elas funcionam perfeitamente no firefox e no crome mas no internet explorer as abas ficam cortadas como na imagem:

    http://imageshack.us/photo/my-images/820/imagempnr.png/

    voce sabe me dizer o que eu faço para arrumar?

    vou deixar o endereço denovo pro coso de voce dar uma olhada:
    http://jogolanielandia.blogspot.com/

    e voce ainda nao respondeu se quer aquele slide do meu blog.

    Obrigado pela atenção

    ResponderExcluir
  42. Daniel Fiedler
    entrei no seu blog agora e está funcionando normalmente no firefox e internet explorer

    alias achei o código bem interessante você poderia enviar para meu email?

    ResponderExcluir
  43. sim, achei interessante o código dos slides e queria publicar aqui no dicas para blogs.

    ResponderExcluir
  44. estou com um problemao aqui eu sei onde por parte do codigo mas tem outra parte que nao sei aonde colocar voce quer que eu mande um backup do meu modelo pra voce analisar?

    ResponderExcluir
  45. se lembrar envie o link de onde pegou o código... se não tiver tudo bem, vou olhar no seu blog e encontro o código

    obrigado

    ResponderExcluir
  46. entao se quiser pode olhar porque esqueci msm aonde poe este slide veio junto com o template camino então se quiser relamente olhar ja pode olhar.

    ResponderExcluir
  47. oi fabano voce vai olhar meu template msm?
    Outra coisa achei um tutorial de como deixar um blog em manuntenção de modo que so apreça patra o admin e para usuarios apareça uma imagem como neste aqui:
    http://ytytytyryer.blogspot.com/

    no caso vou usar amanha no meu blog no protesto contra a lei SOPA e se voce nao tiver este tutorial mondo pra voce em muito facil de fazer!!!

    ResponderExcluir
  48. não tem como fazer aparecer só para o administrador.

    estou sem tempo essa semana mas sobre o código já peguei e estou testando

    ResponderExcluir
  49. claro que tem
    eu te mostro
    tenho este codigo e funfa certinho!!!
    ele e assim:
    procure a tag: < body > (sem espaços)

    e depois dela cole o codigo:
    < span class="item-control blog-admin">

    depois procure a tag: (sem espaços)

    e antes dela cole:
    < /span > (sem espaços)

    Isto irá esconder todo o blog, deixando visíveis apenas para os autores. O ideal seria a de deixar uma imagem que diz "em construção" ou algo parecido.
    Agora iremos adicionar uma imagem, cole o seguinte código depois da tag < / body >(sem espaços) :

    < div style="text-align: center;">< img src="http://URL_DA_IMAGEM_AQUI"/>< / div >

    recomendo esta imagem: http://4.bp.blogspot.com/_dwrCDjIWCrA/SeiSEhyvOmI/AAAAAAAAA_I/zKBnumQF0qg/s1600-h/Em+constru%C3%A7%C3%A3o.jpg

    depois e so salvar e mexer no blog despreocupado com as visitas pois a imagem que voce escolher ficarano lugar do blog.

    para remover e so deletar o codigo e tudo voltará ao notrmal.

    ta ai fabiano roberto funciona certinho pra quando for fazer manuntenção ou pra qualquer outro motivo.

    ResponderExcluir
  50. esqueci de um detalhe que a aba < /span > (sem espaços) fica antes de < / body > (sem espaços)

    ResponderExcluir
  51. se voce for por os codigos dos slides da pra voce me avisar?
    e se nao der me avisa tbm pfv?
    pode ser?

    ResponderExcluir
  52. Daniel Fiedler
    pretendo publicar sobre os slides, mas estou sem tempo essa semana, acho que só será possivel no final de semana

    ResponderExcluir
  53. Desculpem a minha ignorância, mas como faço para aumentar o tamanho das fotos, pois a apresentação fica com as fotos bem pequenas.

    Obrigado e até mais
    Rubem

    ResponderExcluir
  54. Adorei a dica.Me ajudou muito.Obrigada!
    Juliana

    ResponderExcluir
  55. FABIO MIN AJUDE POR FAVOR A ONDE E QUE EU COLOCO OS LINKS DAS MINHAS IMAGENS EM QUAL PARTE DO CODIGO E QUE DEVO COLOCAR POR FAVOR MIN AJUDE DESDE JA MUITP OBRIGADO

    ResponderExcluir
    Respostas
    1. esse gadget é padrão do blogger, então só tem as opções que aparecem nele... não tem como editar os slides

      Excluir