Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

25 fevereiro 2009

Colocando um slide no blog

Esta dica encontrei no Gem@ Blog e achei sensacional: como criar um slide para o seu blog usando jQuery. Você pode ver o efeito neste blog de testes da Gema. Bonito, não? E você verá que é muito fácil colocar um slide assim no seu blog.

Antes de tudo é preciso que você encontre um local para hospedar os scripts que serão utilizados. Eu recomendo o Dropbox, que estou utilizando para guardar todos os scripts que uso. Siga o tutorial da Rô e crie sua conta. Feito isto, faça o download dos scripts utilizados para conseguir o efeito:

jQuery.js
s3Slider.js

(basta clicar nos links que o download é feito automaticamente)

Hospede os scripts e copie os urls oferecidas. Vá no código do seu template e antes de </head> cole o seguinte código:
<script src='url-do-arquivo-jquery.js' type='text/javascript'/>
<script src='url-do-arquivo-s3Slider.js' type='text/javascript'/>

Logo abaixo, acrescente este código:
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
Alterando o valor em timeOut (negrito) você pode mudar o tempo de transição das imagens.

Salve as modificações. Agora, antes de ]]></b:skin> acrescente o estilo para o slide:

/* s3slider
----------------------------------------------- */
#s3slider {
width: 720px; /* largura total do slide*/
height: 300px; /* altura total do slide*/
position: relative; /* important */
overflow: hidden; /* important */
}

#s3sliderContent {
width: 720px; /* importante que as imagens devem ter a mesma largura ou mais */
position: absolute; /* important */
top: 0; /* important */
padding: 0px;
margin-left: 0; /* important */
}

.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}
.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 15px/20px Arial, Helvetica, sans-serif;
padding: 30px 13px;
width: 720px;
background-color: #000; /*cor de fundo do slide*/
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
bottom: 0;
/*
Nesta última linha em negrito, determina se a caixa de texto aparecerá na parte superior ou inferior das imagens
top: 0; -> a caixa de texto aparecerá na parte superior
si ponemos
bottom: 0; -> a caixa de texto aparecerá na parte inferior
*/
}
.clear {
clear: both;
}


Salve as modificações. Agora você deve posicionar o slide no blog com o código html. Um bom local é a div crosscol, que fica logo abaixo do cabeçalho. Certifique-se de que ela está visível para acrescentar o código, procurando por este trecho (não é preciso expandir modelo de widget):
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>
Em showaddelement deve estar yes . Se o seu template não contiver este trecho, basta acrescentar, abaixo de <div id='content-wrapper'>

Salve a modificação e vá para a aba Layout. Acrescente o seguinte código em crosscol (abaixo do cabeçalho):
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="url-imagem" />
<span>texto-a-ser-exibido</span>
</li>
<li class="s3sliderImage">
<img src="url-imagem" />
<span>texto-a-ser-exibido</span>
</li>
<div class="clear s3sliderImage"></div>
</ul>
</div>
Para tantas forem as imagens a serem exibidas, repita o trecho :
<li class="s3sliderImage">
<img src="url-imagem" />
<span>texto-a-ser-exibido</span>
</li>

Se você desejar transformar os textos em links, basta colocar:
<span><a href='http://url do post'>Texto da legenda</a></span>

Se você deseja que o slide apareça apenas na página inicial (Home) coloque o código acima entre:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
código
</b:if>

Como muitas pessoas tiveram dificuldades em encontrar hospedagem para os scripts, disponibilizo o código pronto para colocar dentro do template. Faça o download deste arquivo, abra-o com o bloco de notas, copie tudo e coloque acima da tag </head>
É um código enorme mesmo mas vale à pena, pois você não terá mais problemas com a hospedagem dos scripts. Mas atenção, neste arquivo estão apenas os scripts, não deixe de acrescentar o estilo para o slide nem o código html.

Como ter um blog

Grab this Headline Animator

Artigos Relacionados

188 comentários:

João Alvarenga disse...

Ótimo tuto. Confesso que ainda bato muito a cabeça pra inserir jquery no blogger, quando eu invento de fazer isso, mas um dia chego lá. Obrigado pelo tuto.
Ah, ficou muito bom o novo template, tentei comentar no post anterior mas não houve jeito, tava com problema?
Enfim, deixo aqui também meus parabéns pelo template anterior que tu publicou aqui, achei ele fantástico, boa sorte e boas vendas. (Y)

João Alvarenga disse...

esqueci de perguntar. Pra mudar o tempo de transição dos slides é dentro o arquivo js ou seria o "timeout" em negrito? =D
Só por curiosidade mesmo. ^^

Ariane disse...

João, que bom que me chamou a atenção para isso, pois expliquei no texto original mas não saiu, não sei pq :( sim, é no timeout

Karolina disse...

oi ariane!
vou comentar aqui sobre outro assunto (se vc nao se importa :p)
É o seguinte, sobre a conversao de templates wordpress para blogger. Segui suas dicas, mas achei ainda muuuuito difícil. Se acaso fizer um post mais detalhado quero muito ser avisada.
ABRAÇO/tchau

eusoqueriaumcafe.com disse...

Ariane,
Gostei muito da dica e visitei o blog de teste, nossa, carregou rápido! Vou fazer uns testes e pedir para amigos testarem se carrega rápidoem um blog de testes com esse script. É que fazendo um blog bem simples, alguns se queixam de demorar a carregar, tenho medo de scripts por isso.
Abraço, Ruleandson.

Luiza Ribeiro disse...

Ariane,

Como seria pra colocar esse slideshow na barra lateral, ou em outro lugar do template? Teria q colocar todos os códigos direto no template ou só em "adicionar elemento a página"?

Abraço, Luiza.

Ariane disse...

Luiza, vc pode arrastar para qualquer parte do blog, só não esqueça de redimensionar o slide para que caiba na coluna escolhida.

iuCool disse...
Este comentário foi removido pelo autor.
iuCool disse...

Olá Ariane

Iniciei no mundo da blogosfera recentemente, e entre os muitos templates que andei escolhendo, decidi-me por um dos TNB.

Está excelentemente bem configurado, é uma óptima obra... parabéns!

Também tenho usado e abusado das suas dicas e ajudas. O meu muito Obrigado :)

marcia disse...

oi ariane tudo bom, você esta de parabéns com o seu blog,ele é muito útil para mim, já me ajudou bastante.hoje eu não vou fazer nenhuma pergunta,apenas te agradecer por você ajudar tantas pessoas que ainda ficam perdidas com alguma coisa, e você da dicas super legais. obrigada

Léo Silveira disse...

Apenas Hoje que ouvi seu podcast com Juliana e olha fiquei bem satisfeito com tudo que vc falou. Depois que ouvi tudo acabei tendo uma nova idéia para meu blog, mas isso vem com o tempo, resumindo valeu muito a pena ouvir. Abração e parabéns pelo template novo também.

Anônimo disse...

Oii...
Muito bom o tutorial e a explicação, está de Parabéns.
Corrija só uma coisinha, o direcionamento do Gem@ blog está errado, tem um hífen antes de blogspot.

Abraço.

fabio disse...

agora com esse template prto ( muito bom ) você poderia disponibilizar o template antigo era tão legal e garanto que varios blogs usariam

Gem@ disse...

Gracias Ariane :)

Ariane disse...

Gem@, eu é que devo te agradecer por essa dica excelente! Até tentei, mas meus comentários não aparecem mais nos blogs :( Não sei o que passa...

Iara disse...

teste
(isso nao vai deixar o blog carregado??)

Gem@ disse...

Parece ser que con el gadget de seguidores han dejado de funcionar algunas cosas Ariane.

Iara disse...

Vamos testar novamente.

Leonardo disse...

Ariana, baixei um template que veio com o botão direito do mouse bloquead, gostaria de saber se t~em como desbloquear essa função ?

Ariane disse...

Leonardo, qual template? Daqui?

Peck disse...

minha pergunta é essa: eu faço postagens de imagesn q eu axo "foda" assim postando varias imagesn num post eu estava buscando uma slide para fikr passando as imagesn ao invés de eu colokr muitas imagens nos ports eu colocaria um slide ae o usuário ia passando as imagens ou deixaria elas passando automaticamente...
issu funciona tbm ou vc tem outra coisa parecida para mim?

Wellington disse...

Ariane vc naum imagina o quanto aprendi aqui. sabe aquele template Zinmag Remedy. com tudo que aprendi aqui consegui modificalo. tirei aqueles resumos de postagem em quadrados e outras coisas so vendo. sei que naum fiz muita coisa mais pra um analfabeto em xml e muito. olha o antes aqui http://zinmag-remedy-template-hive.blogspot.com/ e o depois aqui no meu blog http://visaoblog.blogspot.com

Leonardo disse...

Nao, quer que eu mande o codigo ?

Ariane disse...

Leonardo, manda o link de onde tem o template

Darkrai disse...

NOSSA eu mato o programador do IE. O Slide fiko perfeito no firefox (Fora a parte que eu não consegui diminuir a largura, quando diminuia a caixa de testo sumia ¬¬) mas no IE fiko todo pro lado, arine não tem como vc olhar isso não ???

Ariane disse...

Darkrai, que versão do IE?

Fabiano Roberto disse...

achei legal a postagem, gostei da dica sobre o site Dropbox, vou testar, mas pelo que li parece bom.

Felipe CD's disse...

Oi Ariane,
gostei muito do post, bem instrutivo. eu ja tinha encontrado esse código e colocado em meu template. Mas adimito que sempre sempre uso suas dicas.
Tenho uma dica para vc, é uma galeria de imagens em LigthBox, muito interessante. tenho essa galeria em meu blog de eventos.
O link é esse: www.felipecdsfotos.blogspot.com

Muito obrigado por suas maravilhosas dicas.

Leonardo disse...

Aí está : http://www.megaupload.com/?d=AAUJTMNA

Dr. Jones disse...

Olá, adorei a dica e coloquei-a em meu blog. Está funcionando perfeitamente quando visualizo no firefox, mas quando fui verificar no IE, está fora do lugar. Pode me ajudar?

meu blog: http://www.indianajonesraiders.blogspot.com/

P.S.: Parabéns pelo seu blog, ótimo trabalho!

Dr. Jones disse...

Complementando o meu comentário anterior, estou com o mesmo problema que o usuário Darkrai.
A versão do meu IE é a 7, que já veio no Vista.

marcia disse...

oiariane tudo bem?estou afim de fazer parceria com o seu blog.se você estiver interessada entre em contato.

marcia disse...

ariane quero te agradecer por todas as vezes que precisei e você me ajudou, o seu blog realmente é maravilhoso eu encontro tudo o que eu quero eu já te acompanho algum tempo e gostaria de fazer uma parceria.se você estiver interessada entre em contato.

gertrudes861 disse...

Era o IE7 mas ja resolvi era so trocar o position: absolute; /* important */

para position: center; /* important */

Leonardo disse...

Ariana, queria pedir autorização sua para postar alguns dos seus templates no meu blog, mais claro dando créditos para você.

Esperando respostas...

MamaNunes disse...

Uau Teacher que efeito legal! Estou fazendo o blog de um surfista, acho que vai ficar super bom esse efeito! Vou tentar...ainda me atrapalho muito vc sabe, mas sou teimosa...
Um beijão minha querids!!
\o/

Igor disse...

Olá, Ariane! Gostaria de saber o que ocorreu com o template postado no dia 09 de fevereiro. O fundo está modificado.

Gostei muito dessa dica!

Abraço.

Jonathan Hess disse...

No meu blog funcionou perfeitamente. Adooorei :) abraços Ariane...
Ficou muito legal o novo template(Y)

Eigmann-Deleu disse...
Este comentário foi removido pelo autor.
raúl [d. cuenca] disse...

hola q tal se daño mi blog los titulos y tenia con un template de novo blogger si me pueden ayudar lo de los botosnes no aparece ni los titulos de la lista lateral

Leonardo disse...

Ariane, porque os marcadores do meu blog ficam todos azuis fortem e outros não ? Antes não era assim ! Me responda por favor !

Ariane disse...

Leonardo, se eu não tenho acesso ao seu blog, como vou ver o problema?

photofiltrestudio.com.br disse...

Ariane, você pode fazer uma postagem explicando o conflite que esta tendo quando um usuario blogger vai mudar seu template? Pois desde que surgiu esse Google Friends não estou conseguindo mudar template nenhum da intenet, incluindo os seus. Sempre que faço uploap do ".xml" ele dá ERROR, já tendei limpar meu cache, criar nova conta e criar outro blog, excluir os widgits, e nada! Estou ficando louco! Pois esto tentando criar meu novo projeto e não estou conseguindo...me da uma luz Ariane! Obrigado desde já.

Aline disse...

Oi Ariane, vi nesse blog um Slide bem interessante, teria como você nos fornecer o cédigo? Desde ja agradeço!

Aline disse...

Ah, o blog que tem o slide é esse aki: http://felipecdsips.blogspot.com/ . Desculpa!

Darkrai disse...

Aew ariane, consegui por ele perfeitinho no blog \o/, eu queria te perguntar uma coisa, não tem como colocar umas setinhas nele não ? Pq se a pessoa queser ver algum slide que jah passo tem que esperar terminar, pra voltar tudo...

Samuka disse...

Ótima postagem, mas que tal um tutorial de como colocar uma boa galeria de fotos na postagem. Que não precisa de ir para outra janela e nada disso ?
Fica a sugestão.
Obrigado!

radiopolihits disse...

valeu pela dica acrescentei no meu blog mas como eu faço pra ficar das postagens do blog meu blog é radiopolihits.blogspot.com

loucoporinformatica disse...

Obrigado ariane tava procurando a muito tempo um template com slide que me agradace, agora testei esta dica la no meu blog e ficou 100% brigadão...

freshtest disse...

Ola,

Antes de mais parabéns, estas dicas têm sido preciosas :)

No entanto, não csg fazer o download dos scripts. Porque será?

henriquepicanco disse...

Dica muito boa. mas, como não gosto muito de fotos no meu blogger, não vou colocar mais mesmo assim não deixa de ser uma dica muito boa.

Cissa disse...

Oi Ariane! Gostaria de agradecer por disponibilizar essas informações maravilhosas!!
Graças a você eu consegui colocar meu blog do jeito q eu queria, claro q eu não fiz um template, mas mudei o minima todo rs.
Seu blog está na minha lista de links!
Beijinhus

The Degeneration of Soul disse...

Queria muito saber se tem como por um slide que fiz no flash no blog.

Compondo o olhar ... disse...

olá amigo, estou passando p avisar que tem selinho para vc no meu blog... dá uma passadinha lá para pegá-lo.

bjocas

Seth disse...

bom dia Ariane!!

tentei or o slide e não deu certo, esse codigo eu devo por no html do blog ou criar um html ns elementos de página do layout!!
desde já muito obrigado.

Seth disse...

E ae Ariane!!!
Bom ralei pra entender como colocava o slide perfeitamente no blog, mas quem espera sempre alcança deixei bem legal!!!
Vlw mesmo pelo post, um abração!!!

Paulo Lucena disse...

ñ conseguii :(
queria muito aprender sera q tem alguma coisa errada com os codigos?
vlw!

Seth disse...

Ariane bom dia de novo!!!
o Slide ficou muito bom no ópera e no firefox
mas no ie7 ta todo pro lado vc conhece alguma forma de corrigir? Desde presto muito obrigado!

Gooxe disse...

Ariane, consegui colocar o slide no blog, mas gostaria de saber como substitui o banner do head pelo slide, pois não consigo arrastá-lo e tbm o banner head do blog é uma jpg e não um slide..tem como substituir um pelo outro?!
Bjos.

Santos disse...

Ariane,bom dia.A PAZ!Preciso de sua ajuda,caso possa me ajudar.Coloquei para que apareça 1 postagem por página.Você saberia me explicar como eu faço para que a postagem da página inicial sempre seja a mesma,ou seja que mesmo eu publicando novas postagens elas só apareçam quando forem acionadas pelos seus respectivos links?Eu queria deixar a postagem da página inicial sempre a mesma ,porém vou atualizand0-a,pois meu site vai ser de notícias sobre a minha cidade.Desde já agradeço!

Ariane disse...

Santos, na mesma página onde você escreve o post, embaixo, tem um link Opções de Postagens. Clica nele e algumas opções irão se abrir, uma delas é sobre a data do post. Clique em Programado em e escolha uma data bem para o futuro, tipo 10/10/2030, assim este posts sempre será o primeiro a aparecer.

Santos disse...

Nem sei como lhe agradecer.Muito obrigado!Agora vou para estapa final de conlusão do meu blog/site.Quando puder e quiser visita-lo(http://www.portalfamamg.tk) sera bem vinda.Boa tarde!

Portal CPX disse...

Boa noite, Ariane.
Eu tentei por em meu blog e simplesmente não aparece o slide. Fica só um espaço em branco.
Mas no meu blog para testes aparecem. Quando acrescentei o código de Lightbox ao html do blog de teste, sumiu o slide também. Ou seja, há algum conflito entre os dois (Lightbox X Slide). Será que tem como mudar isso?
Agradeço desde já.
bjs

Edson disse...

Os links expiraram

Jay disse...

olá Ariane preciso da sua ajuda...

fiz tudo certo, só que eu coloquei uma tag h3 no meio do texto, tipo nome do artista e embaixo uma pequena descrição, mas o nome do artista está ficando centralizado e eu quero que fique à esquerda... voce poderia me ajudar?

okaida disse...

Ariane, tem um template que eu gostaria muito
mais nao acho ele tem como me mandar
http://tmwwtw-videophotogame.blogspot.com/
ele ja tah convertido mais pra download só wordpres, eu queria em html.

Obrigado...

okaida disse...

tem como postar um tutorial de da notas nos post
Ex: Clasificar por estrelas...

agradeco..

todomundonazona disse...

olá Ariane como posso fazer para colocar tipo
nome do artista e embaixo uma pequena descrição hno lado esquerdo?

Victor disse...

Os links expliraram =[


Qual JQuery você está falando? ah dezenas dele O.o

Ficaria gratio se me responde-se ^^


Victor Franco
Francamentezero.blogspot.com

Marechal J.Vieira. Corretor Imobiliário. disse...

Ótima dica, e o resultado fica excelente.
Ma não consegui por no meu blog, não encontro de jeito nenhum a parte em que eu tenho que acrescentar o estilo para slide!
Meu blog está com template diferente do que vem no Blogspot, será que não há essa parte?
Me ajuda por favor!

Eduardo disse...

Olá, nao esta aparecendo o texto, o que eu faço?

Yan Victor (invibol) disse...

Não está dando para baixar os arquivos

Taillard disse...

Ariane!
Eu não estou compreendendo o que tem que ser feito nos links abaixo:
*script src='url-do-arquivo-jquery.js' type='text/javascript'/*
*script src='url-do-arquivo-s3Slider.js' type='text/javascript'/*
Quero saber se para cada link devo colocar uma imagem que ira aparecer é isso?
Bem o resto ja fiz de tudo mas o slider não aparece minha rainha!
Beijos!
E muito mas muito obrigada mesmo!
OPS:Estou aguardando aquela encomenda e o numero de sua conta para depositar.
Queridaaa!\O/

eae disse...

Ariane me responde uma pergunta simples, antes de eu perder noites de testes até entender tudo certinho.. Tem como colocar o slide em um post?? ou só no "corpo" do blog mesmo?

Abraço

eae disse...

Ariane ja encarei e vi que dá certo, e foi muito fácil, adorei a idéia de scripts e hospeda-los no dropbox(2 coisas que eu nao conhecia ainda).
bom não achei o tal do crosscol e agora estou curioso, pq não tenho idéia do que seja.. achei até que fosse um gadjet, la aparece cabeçalho e só. (coloquei yes no lugar certo sim* )
bom tirando o slide que ficou descentralizado e com parte cortada, deu tudo certo.

abraço

Davi Higino disse...

é possivel postar o slide no lugar do cabeçalho, veja meu blog... http://devasta-tion.blogspot.com/
quero colocar o slide no lugar dessa foto do topo, entendeu? é possivel? obrigado!

alexandre disse...

Olá Ariane, e desde já agradeço o seu trabalho altruísta ao ajudar o mundo da blogosfera.

Implementei este sistema slider no meu blogue, mas acontece que apenas está funcionando no firefox, já andei virando o blogue todo e não dou com o erro, será que tem alguma dica que me possa ajudar.

O meu blog: http://www.diaexotico.com

Desde já, muito obrigado pela Sua Atenção.

Joao Paulo Marques disse...

Ola Ariane, estou com uma duvida pois nao achei a div crosscol no meu template. So tem no template Minima? Estou usando o Fresh.
tchau.

Seven Hell S/A disse...

como faço para o slide ñ parar quando as imagens terminarem,
muito obrigado belas dicas um grande abraço ate + .

Fabricio disse...

Oi Ariane

Eu fiz tudo conforme você descreveu. O único detalhe é que as fotos não aparecem. Vi em um comentário acima o mesmo problema. Pode me ajudar? Uso o template Março.

Mackson Welton disse...

Ariane será que eu posso utilizar os códigos que você deixou hospedados no Dropbox ou eu vou ter que fazer o download e ter que enviar novamente ao Dropbox.

Ariane disse...

Quem não tem a div Crosscol no template, basta criá-la copiando o código daqui. Não usem o mesmo link (fazer hotlink) do javascript hospedado por mim, ou ele não funcionará por muito tempo: hospedem em uma conta própria. Eu uso este slide aqui e ele funciona em todos os navegadores.

Fabricio disse...

Oi. Com a transferência dos scripts deu tudo certo. Apenas não consigo deixar a imagem centralizada e dimensionada. Pode ajudar?

Fabricio disse...

Corrigindo a mensagem anterior. A imagem apenas não está redimensionada. Estou tentando colocar na sidebar, mas não consigo alinhar...

Anderson disse...

Olá Ariane
Parabéns mesmo pelo seu tutorial!
Mas estou com um problema, no firefox funciona tudo muito bem, mas no IE 8 as imagens não abrem, só a legenda...
Tem alguma idéia do que pode ser??
Desde já obrigado!
Abraço

Anderson disse...

Ariane, corrigi o problema já...
Eu hospedei a imagem com o dropbox e só no firefox ela aparecia, dai só troquei por outro lugar para hospedar a foto e funcionou...
:)

Francisco Martins disse...

Espetacular, muito obrigado.
Tudo correu bem e logo à 1ª vez.

Muito bom tutorial

Harlley disse...

Muito bom, era o que eu estava precisando...
è a proposito ficou muito bonito o slide no seu blog.

Usuário Black Power disse...

presentou um erro, a parte preta de onde o texto ficca não chega ao final, só se você tirar as paddings, deixando todo preso as bordas, não tem como ajudar?


Ps: Me diz como deixa a area de comentarios grande como ta agora xD

.: MOÇA ARTEIRA :. disse...

Oi, Ariane!
Não entendi essa parte:

jquery.js e do s3Slider.js

Eu tenho que colocar o código do jeito que está ou precisa ser modificado?

No meu blog apareceu só o espaço onde deveria ficar o slide, mas não apareceu mais nada... help!!!

Abraço,

Daniele

Ping-Pong disse...

Olá, estou com um problema, no firefox aparece direito.
Mas no IE 8.0 não aparece nada (nem texto, fica branco)
Já tentei mudar o o lugar de hospedar as imagens , mas nada.

blog: http://piing-pong.blogspot.com

Dark_Knight disse...

ola
precissava de ajuda eu consegui fazer mas so que ficou um bocado esquesito veijam aqui http://parkourdeportugal.blogspot.com/
se alguem me poder ajudar para ficar igual ao do site de teste que e presentado ai em cima.

Ariane disse...

Dark_Knight e todos os outros que perceberam que o slide ficou estranho...havia um erro no tutorial (que já arrumei) sobre como transformar a imagem em link. Na verdade não é a imagem que se torna um link, mas a legenda da imagem. Peço desculpa pelo erro, o trecho correto está no final do tutorial.

Sobre os scripts, eles devem ser hospedados e as urls geradas na hospedagem devem ser colocadas onde foi indicado no tutorial.

Dark_Knight disse...

So mais uma coisa pk e que a minha barra do titulo aparece para baicho e nao para cima da imagem? O meu slide está muito diferente do que está representado no blog de teste ai de cima eu fiz tudo como voçe indicou.
Se me poder ajudar :)

Dark_Knight disse...

ah e tambem aparece um pontinho atras da imagem :s nao sei o que e
e so isso :P

Dark_Knight disse...

Ok ja nao e necessario eu fiz alguma coisa errada certamente ja ta certinho so que agora a barra de texto na muito grande como e que a meto mais pequena?

.: MOÇA ARTEIRA :. disse...

Huhuuuuuuuu!!!!
Consegui!!! Finalmente!!! Coloquei a cabeça para funcionar... como esses links expiraram, eu peguei os scripts do template Photografia e hospedei no Dropbox... Mexe aqui, muda ali e... Voilá! Amei!
Com tantas buscas pela net, acabei encontrando um modelo, como alguém aqui já havia sugerido: com setas para passar as fotos rapidamente e thumbnails... Fica a dica... O link é esse: http://www.leigeber.com/2008/12/javascript-slideshow/
Abraços...
Daniele Pimenta

Dark_Knight disse...

ola, voçe sabe como se coloca uma mensagem de boas vindas?
Mas com uma imagem presonaliza por exemplo a imagem e depois um genter de botao entre no site.

pode me ajudar como se faz isso?

Lιℓℓσ Scaparro ✖ disse...

Ariane; Muito boa noite!
Primeiramente gostaria de agradecer em manter atualizado e com ótimas dicas todo esse blog riqíssimo e que em milhares de vezes nos "salva" sempre q nos encontramos no Sufoco.
Realmente essa sua dica era o que eu precisava, e já implantei ela no blog e deu tudo certo!
Porem, tenho apenas uma dúvida: digamos que eu queira colocar um "plano de fundo" no Slide, qual a linha de código que eu altero?
É a background"???

Abraços!
Lillo Scaparro.

Macedo disse...

Oi! Ariane .
Tuas dicas são muito uteis , e muito a frente, tenho usado tuas dicas para criar um blog . Mas encontrei um problema pois agora quero criar um blog de tvonline , e so consigo colucar o ecra de todos os canais ao mesmo tempo. Mas o que queria mesmo era criar um espaço central para o ecra e criar link's para os diversos canais que encaminhe para o tal espaço central criado . tou mesmo com dificuldade . Agradeço se me poder ajudar . continua teu bom trabalho neste teu blog pois tem ajudado muita gente .
desde Jà obrigado

Moisés Carneiro disse...

Fiz tudo conforme você explicou, mas aparece só a metade do slide no meu blog. O problema estaria no template, ou no visualisador de web? Por acesse meu blog http://www.moisescarneiro.blogspot.com/.
Aguardo uma informação, obrigado

saulomorais7@gmail.com disse...

Oi Ariane tudo bem

saulomorais7@gmail.com disse...

Ariane tudo bem?

Desculpe a mensagem anterior,mais é que não estava dando certo,aí parece que deu e ela foi hehe.

É possivel colocar esse slide em um post?

Vi o "Ae" comentando algo parecido mais ele não explicou como fez.

Obrigado

Ap disse...

Tem como colocar o slide apenas na pagina principal eu não queria em todas. Ou colocar ele como num post?

Michely disse...

oi Ariane, tudo joinha =] aki estou eu novamente, nossa como disse anteriormente, eu viciei no seu blog, e está sendo fantástico,
bom, estou adicionando esse slide de imagens no meu blog novo e parei na parte de licar em layout e adicionar o código em croscoll logo após o cabeçalho, não aparece o crosscoll abaixo do cabeçalho o meu layout, eu cliquei em add um novo cadget, e inseri o codigo, mas mesmo assim não funcionou, vc pode me dar uma forcinha? bjinhos emuiiittoooo obrigada

Paula Espíndola disse...

Olá Ariane, tudo bem?
Instalei o slide em meu blog, e ocorreu tudo bem.
A única coisa que está dando problema, é que eu não estou conseguindo alterar a altura e a largura daquele textinho que sobe, que o fundo é transparente, sabe qual que é?
Bem, eu já mexi em tudo qualquer tamanho do slide, mais ele não demostra nenhuma modificação quando vou visualizar.
O que devo fazer? Você pode me ajudar, fazendo o favor?
Se puder, entre em contato comigo no mais rápido possível: paula-espindola@ig.com.br

Obrigada!

Ariane disse...

Lillo, sim é no background
Macedo não entendi a pergunta
Moisés pelo que vi você já conseguiu resolver e seu blog é muito bonito :)
saulo nunca tentei e não sei se é possível
Ap Tem sime é preciso colocar o código html entre uma condicional. Para saber sobre as condicionais, veja aqui.
Michely se o template não tem esta parte, basta criar, copiando conforme está no tutorial.
Paula alterando o valor de padding de .s3sliderImage span pode dar resultado.

Brenner Marinho. disse...

Eu consegui, porem so eu consigo vizualizar, se eu abri o meu blog em outro computador fica um quadrado branco, o que pode ser isso ? obrigado!

Brenner Marinho. disse...

Otima dica Ariane, eu consegui fazer porem so eu posso vizualziar, se eu ambro o meu blog em outro PC fica um quadrado branco o que pode ser ?

obrigaado!

Brenner Marinho. disse...

Opa! Consegui como diz a velha e verdadeira imagem "SOU BRASILEIRO E NAO DESISTO NUNCA" Valeu Arine, belo tutorial muito bem explicado so ler direitinho que da pra fazer fica perfeitinho.

Vamo que vamo, seu blog é mais que nota 10!

Arom Danelli disse...

Olá, parabéns pelo seu blog!
Eu ainda estou começando, e não consegui colocar este slide show!
porfavor não teria como você explicar a parte do Skin, porque apartir daí eu não entendi mais nada , e uma parte sobre crosscol fala que é para ir no Layout mas não tem nada disso lá! Espero que você não importe de mostrar-me como fazer isto!
Muito Obrigada!!

Topzinhoo ^^ disse...

Olá! Ai, ai! Não deu para perceber muito bem há coisas que só mesm quem é entendido em informaática (muito mesmo) consegue perceber na própria explicação ;( Eu queria muito fazr um slide para o meu blog da saga Twilight ;( bbj, mesmo assim, parabéns por ser tão entendida em informatica ;(

Manu disse...

Oi... Gostaria de colocar a foto do meu time no meu blog, porem se alguem clicar na foto direcione para o site deles. Como faço... Sou leiga no assunto. Obrigada

Shin-Kun disse...

Ariane no meu site não deu Certo não!
Ja Refiz e fiz novamente o Tutorial, mas ada deu resultados!
Apenas no Meu ¬¬

Num poderia me dar uma mãozinha, Pliz?

inculturapop disse...

Desisto! Já tentei em dois templates e aconteceram erros diferentes, talvez esse script só funcione nos templates padronizados do Blogger.

prof. Fabiano Reis disse...

Olá Ariane, funcionou direito no firefox, porém no explore tá noiado aparece a figura (so um pedaço)e nao tá centralizada, alguma dica? pelo que lir acima alguns apresentaram o mesmo problema, muito obrigado seu blog me ajudou muito parabéns e excelente trabalho

prof. Fabiano Reis disse...

Já ajeitei agora tá tudo certo:
só era era so trocar o

position: absolute; /* important */
para position: center; /* important */

(: ae a imagem fica centralizada no explore também {:

Helton Garcez disse...

Ola gostaria de saber se posso usar esse slide para um site no estilo do Webnode?

VictorRanon !. disse...

Oi Ariane !.

A Minha duvida é a seguinte:
eu coloqei no blog tudo certinho, porém as imagens não qerem aparecer, eu hospedei-las no Dropbox, Picasa e ImageShack [se ajuda, meu navegador é o Google Chrome] mas naum funcionou.
Entao, qal seria o site pra hospedar as imagens qe seria o melhor e qe funcionaria?!

amp disse...

Boa tarde,
estive tentando colocar o slide em meu blog porém fica tudo ok mas as imagens não aparecem, já tentei trocar as imanges, trocar de lugar, redimensionar o slide, tentei upar elas em uma página, upar no blog, upar em um domínio. O slide fica no local mas em branco, saberias me dizer pq?

ampblog.cjb.net (site do blog)

Att.

Ariane disse...

amp pelo que vi no código fonte você não colocou nenhuma imagem no slide. A parte do html ainda consta o texto 'url da imagem'

lucas disse...

Presiso muito de ajuda não tou conseguindo fazer isso se alguem puder me ajudar meu msn é lucas.ruan.f@hotmail.com


agradeço muito quem puder me ajudar com isso brigado e até mais

Ajasta Gayatri disse...

Oi Ariane, já coloquei no meu blog, esse negocio do slide acho muito bonito, fui fazendo testes até conseguir.
Vou melhorando aos poucos. Obrigada pelo tuto.
Seu blog é muito bonito !

Anônimo disse...

Ola sou de Portugal, Brenner Marinho tmb sigo uma maxima "SOU PORTUGUES E TAMBEM NAO DESISTO", Vamos ao que interessa gostei muito deste tutorial, depois de muito suor e determinação consegui inserir o slide é uma optima sensação qnd nos ficamos umas 2 horas de volta de um tutorial e no final conseguimos, e de dar pulos de alegria, porem tenho um problema, o meu slide n fica centralizado no blogger (se me esforcar talvez consiga pois a parte mais dificil ja foi mas deixo aqui esta questão para quem necessitar futuramente)excelente trabalho Ariane acompanho os seus Tuts continuação de um bom trabalho!

dendyos disse...

gostei muito mas nao consegui, Ariane me responde so uma coisa voce sabe fazer igual o do "IG" http://www.ig.com.br/ ??? "para blogspot

"msn= dendyos@hotmail.com "

Mr. Maurílio disse...

Olá eu colokei o slide no meu blog, so que so aparece na hora, depois que eu faço logout e visito o blog o slide naum aparece mais... tem como vc me explicar pq? eu ospedei no google sites direitinhu e apareceu na hora em eu colokei so q depois eu fui ver e naum aparece de novo...
http://futilityworld.blogspot.com
meu email e: mauriliomartins2000@gmail.com

se puder ajudar!!!

Luiz - AclesBr disse...

Obrigado Ariane, foi muito útil, tentei aplicar no meu blog teste e deu certo, porém desanimei quando lembrei que eu tinha que montar mais de 10 banners no fotoshop hauhauahuahau
Vou fazer um por dia aí eu aplico ahuahau
Obrigadão mesmo Ariane!
Abraços!
Parabens pelo Blog!

.:MOZART:. disse...

Gostei Muito,Funciona mesmo. Na primeira vez não consegui , ai tentei outra vez e tudo detalhado ai pegou!

Mídia da Rua disse...

Eu queria saber se tem como colocar uma galeria para cada página do blog, como um portfolio ao invés de colocar no cabeçalho.
Abraço,
Katia

Comunicação Social disse...

Oi Ariane estou com alguma dificuldade em centrar este slideshow no meu blog www.joseborda.blogspot.com.
Já tentei tantas formas e nada, até saquei o blog de teste e abri no dreamweaver, substitui o link das fotos. HOspedei o ficheiro no dropbox e dei o link no cabeçalho, mas também não funcionou. Será que me podes ajudar...

Obrigado

Vivis disse...

Bom Dia Ariane!
Eu tenho um template com o slide show, não é o seu mas é parecido e ele está dando erro. As imagens do slide aparecem no background dos resumos de postagem.
Eu tentei encontrar o erro, mas não consegui.
Se puder me ajudar agradecerei muito!
o link do blog http://www.cqcblog.com
Meu twitter
http://twitter.com/vivianepereira

xiita disse...

Consegui aplicar o slide show perfeitamente, a única coisa que não apareceu foram as legendas.

Fernando Reis disse...

Pow, eu fiz no meu blog de teste e deu certo!!! Dai coloquei no meu blog normal, fiz tudo, olhei e deu certo!!!!! Dai no dia seguinte fui ver, e parou de funcionar, não aparece nada!!!!

Eu fiz todos os passos, só que adcionei via widget inserir html/java, mas acho que nao foi isso, pois deu certo antes.

Bordados Lydia e Odete disse...

Fico muito bom no meu blog, muito obrigada! Só não sei como colocá-lo no centro, mas eu me viro.

O problema é que não está aparecendo na merd* do IE. Ai, como eu odeio esse navegador...

Ariane disse...

Bordados Lydia e Odete na verdade não está aparecendo nem no Firefox por que os links dos arquivos js estão errados. copia e coloca eles no navegador, você vai ver que não aparecem os scripts.

Bordados Lydia e Odete disse...

Hm, eu imaginei que eles não fossem os links certos. Mas eu não consigo encontrar onde copiar, no meu não aparece a opção "Copy public URL".

Mas, enfim, MUITO obrigada por avisar!

Bordados Lydia e Odete disse...

Consegui! Os arquivos devem estar dentro da pasta "Public" se não, não geram links! Obrigadão e desculpa o incômodo!

Demetrius Silva disse...

Olá Ariane, adorei os slides, ficaram massa, quero saber o seguinte, hj ele sumiu do blog, depois ele apareceu, pq isso acontece? Outra coisa, gostaria de saber se tinha como colocar o texto do slide na posição que quero, c colocar a imagem opaca menor, uma tirinha só, é possivel. Vlw pela dica e continue assim, ta massa mesmo...

demetrius Silva

www.cinemaniacariri.blogspot.com

S. FeLiPe disse...

Ola, poderia me ajudar?

queria saber como colocar o texto do lado do slide em vez de ser em baixo se souber reponde aqui mesmo no comentaria .

Ariane disse...

S.Felipe é preciso modificar este trecho do código:

.s3sliderImage span {
position: absolute; /* important */
top:0;
left: 400px;

font: 15px/20px Arial, Helvetica, sans-serif;
padding: 30px 13px;
width: 320px;

vá alterando os valores onde está em negrito até que se encaixe na largura do seu slide

MD Online disse...

Ariane gostaria de saber se é possível colocar setas para passar as imagens.

I. Malforea disse...

Fiz isso no meu blog e ficou perfeito. Só um problema: os slides aparecem sempre. Gostaria de saber qual a forma de fazer os slides aparecerem apenas na página principal, ou seja: não aparecerem quando abrirem um post específico. Alguém aí sabe?

Confiram o resultado: www.distintivoblue.com

Prof; Salomão Boanerges disse...

Olá pessoal, não entendi essa parte (basta clicar nos links que o download é feito automaticamente)" o download acontece quando clico no linck, mas na hora de executar o que foi baixado não rola,é pra ser assim? e o "Hospede os scripts e copie os urls oferecidas." é com base no que ta ligado a essa fase anterior?

Se puderem dar resposta ficarei agradecido. aproveitando, muito bom o material de vocês!!!

Tarcizio Reis disse...

Dropbox, nao esta fucionando ...... qual outro site que eu possa usar ,porque procurei e nao achei ....

diogo disse...

Fernando Reis disse...

Pow, eu fiz no meu blog de teste e deu certo!!! Dai coloquei no meu blog normal, fiz tudo, olhei e deu certo!!!!! Dai no dia seguinte fui ver, e parou de funcionar, não aparece nada!!!!

Eu fiz todos os passos, só que adcionei via widget inserir html/java, mas acho que nao foi isso, pois deu certo antes.



o meu também aconteceu isso. O que seria?

Maycon Ferreira disse...

Estou com quase o mesmo problema que o Diogo e o Fernando. Só que no meu caso é o seguinte. No template que eu criei, ele não funciona nem a pau, sendo que já funcionou um dia e no outro parou (Hospedando no "Dopbox").Até descobri o que era...Precisava logar no dropbox pra funcionar. Mais em um outro template de teste que baixei, ele funciona normalmente (uma vez que hospedei no "Google Sites"). Agora nem trocando os links dos JS hospedados, dá certo. Fica uma tela branca. Refiz todos o processo e nada. Alguma dica Ariane???

Anônimo disse...

Oi ariane parabens pelo tutorial

Provalvemente deve haver um script para realizar a função de avançar e voltar um slide. Com setas ou numeros.

Mas não sei como fazer isso.

Você sabe o script que realiza estas funções?


Obrigado
Alexandre

Lisandra disse...

Olá! gostaria de sabe como diminuir a largura do slide, vc poderia me ajudar??

aless.hen produções disse...

no meu blog assim que entra no blog carrega todas as imagens uma embaixo da outra, depois vai sumindo uma por uma até criar o slide, mas o slide fica dando uma piscadinha nas tranzações das imagens, por favor deem uma olhada no blog e me coloquem uma resposta sobre como resolver esse probleminha.
www.portalpagodaosalvador.blogspot.com

e muito bom esse poste aqui, brigado gente.

espero respostas. abraços.

Os Cachitos disse...

Problemao...
No codigo-fonte, pra colar as coisas, nao existe o content-wrapper... e agora???

Cristal Supermercado disse...

problema ainda não resolvido, se alguém sober sobre esse mesmo erro que está ocorrendo agradeceria se postarem aqui.

Milton Neves disse...

caramba isso e de 2009 e ainda tem nego usando ;D

mais muito legal mesmo.. vou fazer isso no meu site.

Junior_16 disse...

manow vlw mesmo pela ajuda, meu template é muito complicado ñ tem quem entenda rsrsrs... as palavras dos codigos do meu template estam todas mudadas me esforçei e graças a minha esperteza consegui colocar o slidshow em cima de uma imagem no meu blog, uma abertura q eu fiz para colocar o slidshow foi complicado mais consegui e obrigado muito esse blog aki sempre me ajudou espero q ele sempre exista pq se ele ñ existir mais eu vou ter de excluir o meu blog rsrsrsrs. saldações manow obrigado mesmo.

Oseias disse...

Estava Procurando exatamente isso para o meu Blog. (www.oseiasnetofotografia.blogspot.com) Parabens pelo Tutorial.Forma simples e muito didatica para fazer. Minha pergunta é a seguinte.

Tem como ficar repetindo as Imagens ou quando chega na Ultima o Slide para mesmo? Queria que voltasse para a Primeira e continuasse.

Obeigado.

Distintivo Blue disse...

Oseias, ele fica repetindo sim, não se preocupe.

Distintivo Blue disse...

Só não consegui ainda aprender a fazer o slide aparecer só na página inicial. Quando entro em outras páginas do blog ele continua lá em cima, dificultando a visão de quem não conhece o blog. Alguém aí sabe como fazer isso? tenho outro blog, que já veio com o slide e ele só aparece na página inicial, o que é o ideal no meu caso.

Ariane disse...

Distintivo Blue acabei de atualizar o post com essa informação. Coloque o código html entre:
< b:if cond='data:blog.url == data:blog.homepageUrl' >
código
< /b:if >

aqui tive que deixar um espaço para que o código apareça. Veja no post a maneira correta.

Distintivo Blue disse...

Brigadão, Ariane! Como sempre vc nos salvando! \o/

Oseias disse...

Agradeço a Resposta do Distintivo Blue mas o meu não repete... Passa todas as Imagens e qndo chega na ultima para... Fiquei observando por alguns minutos e realmente não recomeça mesmo...

Abraço

ŔŌĐŖĩĠŌ ŌŁĬνĒļЯĄ disse...

Moca, ja tinha esse slides no meu template, mas nesses dias sumiu, no lugar ficou uma tela preta.. segui seu tutorial e ficou show, como antes. vlw.. ah, so nao consegui colocar pra aparecer so na home...
"Se você deseja que o slide apareça apenas na página inicial (Home) coloque o código acima entre:

código
"

cade o codigo? rs.. abracos... se vc chegar a alterar a postagem pra colocar o codigo, por favor me avisa rodrigo.oliveirah@yahoo.com.br mas ja ta valendo... vlw mesmo

Oseias Neto disse...

Alguem consegue me dar uma luz ai galera??? Não faço a minima ideia de onde eu errei...

O Slide chega na ultima imagem e para... queria que voltasse pra primeira e continuasse passando...

Abraço e desde ja obrigado.

Oseias Neto disse...

Ops... Mais uma novidade no meu "problema"... O slide não chega mostrar a ultima foto da lista... para uma antes...

Ajuda aiiiii
rsrsrs


Vlw

Humberto Muniz disse...

Ola a todos
Para quem esta com problema com a hospedagem basta hospedar no google sites
Observação antes de colar a url fornecida pelo google sites nos scripts apague tudo que vem depois da interrogação(?)

Uma duvida alguém conseguiu fazer aparecer apenas na home não estou conseguindo mesmo usando o código abaixo


código

Cliques Sertanejos disse...

Oi ariane!

fiz o slide, deu tudo certinho mas ficou um espaço enorme entre o slide e o resto do blog.. O que aconteceu?
http://cliquessertanejos.blogspot.com/

Beijinhos ;*

Rodrigo disse...

Show de bola o tutorial. Consegui fazer o slide funcionar, mas gostaria de saber como altero o tamanho das fontes e alinhamento para que fiquem desta forma como no link abaixo:
http://2.bp.blogspot.com/_3eh_nW6DoIE/TM5JFcPknpI/AAAAAAAABlw/L9a1hMlBfWQ/s1600/slideshow.png

Na Pegada Certa disse...

muito complicado nada fácil deveria facilitar mais para o lado d quem é iniciante e ainda não entende obrigado desde já pela atenção

USIDOWNLOAD disse...

como faço pra colocar o slide no topo? ou seja, acima da imagem de exibição do site, da para move-lo, mais as setas ficam inabilitadas ;DD abraços

Daniel Sato disse...

eu tb nao consegui colocar para ficar so na home pois o codigo que vc pede para colocar na b:if e div e ele nao pode colocar div na head>

Rincawesky Semi Joias disse...

Olá Ariane. Amei o tutorial. Parabéns! Aliás, adoro seu blog. Tenho uma dúvida, já que estou usando o novo blogger: como fazer para que o slide apareça apenas na página home (início). Não consigo encontrar o código que vc mencionou.

Carioca way of life disse...

Olá Ariane,

Muito obrigado pelas aulas sábias. Tenho uma dúvida. Como centralizar o slide no cabeçalho ?

Abraço, Thiago Farroco

Luh Sodre disse...

Olá, Ariane!!!

Adoro seu blog, sempre que tenho duvidas corro aqui!

Tenho uma duvida:

Como faço para colocar o slide acima dos posts, entre as barras laterais... No caso, as postagem ficariam abaixo do slide, entre as duas colunas.

Pode me ajudar?

Olha o endereço do template que estou editando: http://blogcorujas.blogspot.com/

Espero que sim.

Bjus!

Blog do fotógrafo Nei Dantas. disse...

Muito bom mesmo, bem explicado consegui de primeir

Fabio disse...

Muito bom só que eu quero colocar link em cada foto, tem como....

rac disse...

Olá, muito obrigado por compartilhar.
Mas tenho uma dúvida, apesar do seu ótimo tutorial e dá ótima apresentação deste slide pude notar que ele não funciona 100% no IE9. Já tentei alguns recursos que encontrei pela net como excluir a metatag de compatibilidade com o IEca7 e inseri um código para renderizar o IEca9, mas nada adiantou.
Levando em consideração que existe um universo muito grande de usuários de IEca(internet explorer) você teria alguma outra solução para este problema ou até mesmo um novo slide? Eu sou utilizador e fã do firefox.
Forte abraço e até mais

MINISTERIO YAHWEH SHAMMAH disse...

Olá amiga ariane, bom dia por gentileza me explique aonde devo colocar o código, e qual é este código para o slide aparecer na home:

< b:if cond='data:blog.url == data:blog.homepageUrl' >
código
< /b:if >

de já sou muito grato.

mSc disse...

Olá Ariane, primeiramente parabéns pelo blog, tem ajudado muito.

Fiz todos os passos, mas quando adiciono alguma coisa no Gadget que agente criou ele puxa a imagem do corpo da sidebar. Se você poder me ajudar agradeceria muito.

Obrigado desde já.

mSc disse...

Por favor me ajuda, quando eu coloco o slide, ele puxa o meio da sidebar.

Qualquer gadget que eu coloco ele fica com o meio da sidebar.

http://i.imgur.com/ThOEF.jpg

Por favor me ajude.

Desde já obrigado

MINISTERIO YAHWEH SHAMMAH disse...

Olá Ariane por favor me ajude. Não entendi como usar este código, para que o slide aparece apenas na página home. Aguardo. Obrigado.

mSc disse...

Por favor me ajude. Preciso urgente ;x

Fagner Santana disse...

Olá Ariane. Sei que faz tempo que você postou esse tuto. Más tou começando agora no blogger e gostaria de saber como faço para colocar um show de slide ou uma galeria de imagens (tipo aquela que aparace as imagens em miniatura com setas para avançar e retroceder a baixo da imagem em tamanho maior) em um post no blogger. Você tem alguma solução?? Alguma dica?? Desde já agradeço.

jfagner1@yahoo.com.br

Paulo Griese disse...

Boa noite, Ariane

Não consegui fazer com que o Slide fique só na página inicial (Home)como explica abaixo.

Se você deseja que o slide apareça apenas na página inicial (Home) coloque o código acima entre:

código



Me ajuda?
Paulo

Ryque disse...

Nossa.... Você me salvou estava procurando muito isso! Para meu blog que estou montando tipo um site! Vlw... =)

Rodrigo disse...

O meu ficou muito estranho, eu não sei o que fazer, ele ficou em cima do meu titulo e não consigo mudar ele de lugar, alguem pode me ajudar ?

Ruth Duarte (autora do blog) disse...

Já tentei, mas não consigo fazer de jeito nenhum este slide.. para colocar no meus blogs.. tem algum vídeo na internet que possa mostrar como fazer... Ou sabe de alguém que posso encomendar para fazer o serviço para mim...

Neusinha Feliciano disse...

Oi Ariane, tudo bem?
Gostaria de saber se podes me ajudar..
Utilizei este código para criar um slide e deu tudo certo, mas não consigo, de jeito nenhum ajeitar os links para as imagens... pode me ajudar?
A imagem aparece, tudo bem, mas as legendas e links, não...

Blog do Vadilson Oliveira. disse...

AMIGO FAZ UMA VIDEO AULA POIS JÁ FAZ ALGUNS DIAS QUE TENTO E DA ERRADO, ME AJUDE POR FAVOR.ABRAÇOS AMIGÃO.

Taruana disse...

Tbm não consigo ajeitar... o slide sai direitinho, mas os links não aparecem de jeito nenhum... somente a legenda...

Elaine Gaspareto disse...

Ariane, boa noite
Muito obrigada por partilhar essa dica. Acabei de instalar em 3 amostras para um cliente e ficou perfeito. Usei a base de 3 templates nativos do Blogger, novo modelo, e deu certinho, perfeito.
Muito obrigada.
Beijossss

Postar um comentário

Os comentários são moderados.

Observação: somente um membro deste blog pode postar um comentário.