TUTORIAL SLIDESHOW

APRESENTAÇÃOAPRESENTAÇÃOAPRESENTAÇÃOAPRESENTAÇÃO

Neste tutorial vamos ensinar como alimentar de fotose ou imagens o slideshow do blog que utiliza otemplate AbstractLineAbstractLineAbstractLineAbstractLine paraparaparapara Blogger,Blogger,Blogger,Blogger, bem comoinserir links nas fotos/imagens e em seusrespectivos títulos para as postagens associadas noblog.

1º PASSO1º PASSO1º PASSO1º PASSO

Realize o LOGIN em sua conta no Google, clique na opção domenu MaisMaisMaisMais e selecione a opção do sub-menu BloggerBloggerBloggerBlogger::::

2º2º2º2º PASSOPASSOPASSOPASSO

Uma vez dentro do ambiente de edição do blog, selecione LayoutLayoutLayoutLayoutna caixa de opções.

3º PASSO3º PASSO3º PASSO3º PASSO

Neste passo clique em “EditarEditarEditarEditar” no campo referente ao código doSlideshow.

4º PASSO

Por medida de segurança, selecione e copie [Ctrl] + [C] “todo” o“código” referente ao slideshow principal do blog.

5º PASSO5º PASSO5º PASSO5º PASSO

AgoraAgoraAgoraAgora abraabraabraabra oooo editoreditoreditoreditor dededede textotextotextotexto eeee colecolecolecole oooo códigocódigocódigocódigo completocompletocompletocompleto dodododoslideshowslideshowslideshowslideshow,,,, poispoispoispois seráseráseráserá nestenestenesteneste ambienteambienteambienteambiente quequequeque serãoserãoserãoserão feitasfeitasfeitasfeitas asasasasalteraçõesalteraçõesalteraçõesalterações dededede postagenspostagenspostagenspostagens dasdasdasdas fotos/imagens,fotos/imagens,fotos/imagens,fotos/imagens, alémalémalémalém dosdosdosdos seusseusseusseusrespectivosrespectivosrespectivosrespectivos linkslinkslinkslinks....

NoNoNoNo próximopróximopróximopróximo PASSOPASSOPASSOPASSO seráseráseráserá detalhadodetalhadodetalhadodetalhado comcomcomcom corescorescorescores diferenciadasdiferenciadasdiferenciadasdiferenciadas ososososespaçosespaçosespaçosespaços eeee asasasas descriçõesdescriçõesdescriçõesdescrições dededede ondeondeondeonde vocêvocêvocêvocê poderápoderápoderápoderá realizarrealizarrealizarrealizar asasasas suassuassuassuasalteraçõesalteraçõesalteraçõesalterações nononono códigocódigocódigocódigo....

ObservaçãoObservaçãoObservaçãoObservação:::: SeSeSeSe oooo slideshowslideshowslideshowslideshow tivertivertivertiver 5555 fotos/imagens,fotos/imagens,fotos/imagens,fotos/imagens, entãoentãoentãoentão oooomesmomesmomesmomesmo teráteráteráterá oooo códigocódigocódigocódigo repetidorepetidorepetidorepetido porporporpor 5555 vezesvezesvezesvezes.... Ok!Ok!Ok!Ok!

6º PASSO6º PASSO6º PASSO6º PASSO

FinalizeFinalizeFinalizeFinalize oooo seuseuseuseu trabalhotrabalhotrabalhotrabalho preenchendopreenchendopreenchendopreenchendo osososos espaçosespaçosespaçosespaços dodododo códigocódigocódigocódigo dodododoslideshowslideshowslideshowslideshow comcomcomcom endereçosendereçosendereçosendereços válidosválidosválidosválidos paraparaparapara fotos/imagensfotos/imagensfotos/imagensfotos/imagens eeee links,links,links,links,coloquecoloquecoloquecoloque títulostítulostítulostítulos eeee descriçõesdescriçõesdescriçõesdescrições nasnasnasnas fotosfotosfotosfotos ouououou imagensimagensimagensimagens.... LembrandoLembrandoLembrandoLembrandoquequequeque oooo tamanhotamanhotamanhotamanho idealidealidealideal paraparaparapara fotosfotosfotosfotos ouououou imagensimagensimagensimagens nononono slideshowslideshowslideshowslideshow éééé dededede580580580580xxxx300300300300 pixelspixelspixelspixels....