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
Fazer uma apresentação de slides no blog
4/ 5
Oleh

63 Comentários

20 de setembro de 2009 12:03 delete

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

Reply
20 de setembro de 2009 18:24 delete

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

Reply
21 de setembro de 2009 00:37 delete

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!

Reply
21 de setembro de 2009 09:57 delete

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

Reply
21 de setembro de 2009 12:14 delete

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

Reply
21 de setembro de 2009 15:25 delete

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.

Reply
21 de setembro de 2009 17:00 delete

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

Reply
22 de setembro de 2009 04:14 delete

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á

Reply
22 de setembro de 2009 16:41 delete

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

Reply
Anônimo
28 de setembro de 2009 16:41 delete

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


muito obrigado

Reply
20 de dezembro de 2009 20:13 delete

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

Reply
20 de dezembro de 2009 20:40 delete

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.

Reply
13 de maio de 2010 21:22 delete

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

Reply
9 de junho de 2010 13:39 delete

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

Reply
9 de junho de 2010 16:08 delete

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

Reply
10 de junho de 2010 19:46 delete

Sim. Está "completa".

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

Obrigada pela atenção, Fabiano

Abraços

Lucinha

Reply
21 de setembro de 2010 02:54 delete

Mto legal,ótimas dicas!Parabéns!!

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

Beijocas!!

Reply
22 de novembro de 2010 15:21 delete

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

Reply
22 de novembro de 2010 15:28 delete

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

Reply
Anônimo
22 de novembro de 2010 22:47 delete

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

Reply
23 de novembro de 2010 15:19 delete

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

Reply
24 de novembro de 2010 16:07 delete

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... ;)

Reply
5 de dezembro de 2010 11:49 delete

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

Reply
5 de dezembro de 2010 13:12 delete

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

Reply
8 de junho de 2011 01:48 delete

Muito bommmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm.

Reply
31 de agosto de 2011 16:56 delete

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

Reply
31 de agosto de 2011 17:10 delete

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

Reply
2 de novembro de 2011 17:27 delete

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!

Reply
7 de novembro de 2011 22:11 delete

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

Reply
20 de dezembro de 2011 23:05 delete

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!

Reply
21 de dezembro de 2011 01:01 delete

@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

Reply
30 de dezembro de 2011 06:34 delete

Valeu querido mito obrigado!!!!

Reply
5 de janeiro de 2012 01:41 delete

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

Reply
5 de janeiro de 2012 17:21 delete

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

Reply
5 de janeiro de 2012 20:56 delete

@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

Reply
13 de janeiro de 2012 17:42 delete

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

Reply
13 de janeiro de 2012 18:00 delete

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

Reply
13 de janeiro de 2012 19:23 delete

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

Reply
15 de janeiro de 2012 10:51 delete

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.

Reply
15 de janeiro de 2012 13:28 delete

veja aqui: Colocar Slides ( Power Point) no blog

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

Reply
15 de janeiro de 2012 16:40 delete

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.

Reply
16 de janeiro de 2012 09:28 delete

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

Reply
16 de janeiro de 2012 13:34 delete

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?

Reply
16 de janeiro de 2012 13:45 delete

mas voce quer o codigo so dos slides?

Reply
16 de janeiro de 2012 14:24 delete

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

Reply
16 de janeiro de 2012 14:31 delete

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?

Reply
16 de janeiro de 2012 15:07 delete

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

Reply
16 de janeiro de 2012 15:14 delete

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.

Reply
17 de janeiro de 2012 15:16 delete

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

Reply
17 de janeiro de 2012 15:46 delete

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

Reply
17 de janeiro de 2012 16:01 delete

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.

Reply
17 de janeiro de 2012 16:18 delete

eu ainda não tinha usado esse código

Reply
17 de janeiro de 2012 16:20 delete

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

Reply
18 de janeiro de 2012 16:43 delete

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

Reply
18 de janeiro de 2012 17:42 delete

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

Reply
25 de julho de 2012 17:13 delete

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

Reply
28 de dezembro de 2012 21:09 delete

Adorei a dica.Me ajudou muito.Obrigada!
Juliana

Reply
1 de novembro de 2014 01:00 delete

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

Reply
1 de novembro de 2014 11:10 delete

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

Reply