Colocar slide no blog

Um Slide bonito e agradavel é indispensável para blogs de noticias, mas indenpendente do nicho em que seu blog atua, este slide pode ser um aliado para deixar seus melhores posts em destaque. Este Slide não deixará seu blog pesado, e irá se ajustar automaticamente ao tamanho de sua pagina  além de possuir setas de para esquerda e direita.


Veja o slide funcionando em 2 Blogs: Clique aqui ou Clique Aqui

Antes de começar recomendo que faça um backup do seu template.

Veja também: 20 Plugins de Slide para Wordpress


Colocando Slide no Blog

1.Entre em Layout > Editar HTML

Adicione o código abaixo antes de
</HEAD>:


<script src="http://dl.getdropbox.com/u/1815091/Slider/mootools.v1.11.js" type="text/javascript"></script>
<script src="http://dl.getdropbox.com/u/1815091/Slider/jd.gallery.js" type="text/javascript"></script>

2. E esta parte acima de ]]></b:skin> Clique para ver o Codigo!

3. Agora vá até Layout > Elementos da pagina:

Crie um novo elemento HTML / JavaScript com o seguinte codigo:

<style type="text/css">
#myGallery
{
width: 100% !important;
height: 250px !important;
}
</style>

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready',startGallery);
</script>

<div id="myGallery">
<div class="imageElement">
<h3>
Titulo da Imagem</h3>
<p>
Descrição da imagem</p>
<a href="
URL do Post" class="open" title="Read More"></a>
<img alt="
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
<img alt="
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
</div>

<div class="imageElement">
<h3>
Titulo da Imagem</h3>
<p>
Descrição da imagem</p>
<a href="
URL do Post" class="open" title="Read More"></a>
<img alt="
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
<img alt="
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
</div>

</div>

4. Agora adicione as URLS de suas imagens e os titulos nos locais indicados em vermelho no codigo,

5. Salve e veja o resultado

Se quiser adicionar mais imagens copie o código abaixo e cole entre:
<div id="myGallery"> & </div>

<div class="imageElement">
<h3>
Titulo da Imagem</h3>
<p>
Descrição da imagem</p>
<a href="
URL do Post" class="open" title="Read More"></a>
<img alt="
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
<img alt="
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
</div>

217 comentários:

  1. Olá,
    Estou tentando colocar no meu blog, mas o codigo script não aceita. Aparece isso no blogger: Element type "script" must be followed by either attribute specifications, ">" or "/>".

    E quando tento modificar aparece isso: The element type "head" must be terminated by the matching end-tag "".

    Você tem alguma idéia do pq isso acontece???

    Queria muito colocar dessa forma que vc explicou, foi um dos melhores que encontrei até agora.

    Obrigado.

    ResponderExcluir
    Respostas
    1. olha Daniele tambem tive este problema. as imagens não apareciam nos slade!
      resolvi por colocar o código direto de html ao invés de colocar o código simples de url!
      tente isso no imageshack entre as várias opções de códigos de uma imagem escolha o código "direto"!

      Espero ter ajudado!

      Excluir
    2. Como é que bota esse código direto? As imagens do meu slide tbm não estão pegando...

      Excluir
  2. HÁ ERRO NO MODELO, PORTANTO NÃO FUNCIONA......

    ResponderExcluir
  3. testei esse mesmo metodo em 2 blogs diferentes e ocorreu tudo certo, talvez vocês não procederam da forma correta, pode ter faltado algum detalhe ou algo foi colocado no local errado.

    ResponderExcluir
  4. aew... comigo funcionou normal.... ta favoritado aqui ... vou usar em todos os meus blogs... valew !!!

    ResponderExcluir
  5. Olá, Estou precisando de ajuda fiz tudo como indica por aqui no meu blog de teste da uma olhada ai por favor-> http://templateleo.blogspot.com/, então aparece o slide mais nada de imagem e mudei a parte vermelha do código mais não muda nada.
    Pode me passar um email p lhe enviar o código que alterei p ver se detecta um possível erro meu. Obrigado!

    ResponderExcluir
  6. Consegui que o texto entrasse , mais a imagem n;ao , no aguardo de possível ajuda...

    ResponderExcluir
  7. A imagem não carrega....
    me ajuda: http://templateleo.blogspot.com/

    Me diz por favor teu email p lhe passar como mudei o código e poder acertar o problema...
    Obrigado!

    ResponderExcluir
  8. Ainda to no aguardo , não consigo que a imgem entre... tem algum requisito na imagem de tamanhou ou tipo ...
    Aguardando ajuda ainda

    ResponderExcluir
  9. Po cara, eu fiz, mas a imagem não aparece fica só a barra horizontal como se tivesse carregando. Tem algum formato de imagem específico?

    ResponderExcluir
  10. esta tudo certo com os códigos, talvez vocês não estão adicionando o Url da imagem no local certo, o estão upando em um site ruim, indico http://imageshack.us/

    obrigado.

    ResponderExcluir
  11. O Meu funciono Perfeitamente Muito Obrigado

    ResponderExcluir
  12. Muito Bom!! Nota 10.. procurei varios tutoriais na net mais esse foi o mais simples e mais completo que eu achei tem tudo... cheguei a ver um slide sem as setinhas para passar os slides e era complicado bagarai mais agora funfou facil facil !! VLW cara!!

    ResponderExcluir
  13. por favor, como crio esse


    3. Agora vá até Layout > Elementos da pagina:

    Crie um novo elemento HTML / JavaScript com o seguinte codigo:


    tipo eu clico em Elemento da pagina, e onde tem isso ai pra criar um novo elemento ? :S

    ResponderExcluir
  14. RafaelKnalli

    clique em "Adicionar novo gadget" e em seguida Crie um novo elemento HTML / JavaScript

    ResponderExcluir
  15. EU CONSEGUI FAZER TDO SO Q O SLIDER E MTO GRANDE D:: N COUBE :@

    ResponderExcluir
  16. De; Fabricio.

    Ja fiz o upload no ImageShack, porém, defini o tamanho da imagem assim: 700 X 250 pixels.

    Mais, aparece tudo bacana, as setinhas e tal... Mais a imagem não carrega. Vc poderia me explicar porque?

    ResponderExcluir
  17. você não deve alteerar nada no codigo do slide, deve deixar tudo como esta, a imagem vai se adequar ao tamnho de seu blog automaticamente.

    ResponderExcluir
    Respostas
    1. ola amigo vc poderia passar-me todo o codigo para eu apenas mudar o url da imagens e o linkes , sem que eu precise de montar , do inicio ao fim sem montagens.obrigado!! templodd@hotmail.com.br

      Excluir
  18. Ótima dica, me ajudou muito, e ainda foi o único tutorial que deu certo com o meu blog, veja como ficou, abrços...

    www.megabinarios.net

    ResponderExcluir
  19. Boa, enfim consegui um slide legal para meu blog, valeu pelo tutorial!
    Abraços!
    Veja como ficou: http://jacusdeduasrodas.blogspot.com/

    ResponderExcluir
  20. Muito obrigado amigo, nossa na interte tem muito blogs mais nenhum foi tão util e simples na expliação como você !
    Obs : parece ue muitas pessoas tem medo de ensinar as pessoas ..

    ResponderExcluir
  21. preciso saber quais os tamanhos da imagens pra coloca no slideshow...
    valeuuu..sucesso

    ResponderExcluir
  22. http://dl.getdropbox.com/u/1815091/Slider/jd.gallery.js, deixou de funcionar, onde posso baixar o script

    ResponderExcluir
  23. Parrou de funcionar.. Me ajuda por favooor

    ResponderExcluir
  24. deve ter acorrido um erro com o dropbox, o script já esta on novamente.

    ResponderExcluir
  25. Gostaria de saber se tem como fazer o slide aparecer apenas na pagina inicial?

    ResponderExcluir
  26. Jota este post explica como determinar a exbição de lementos apenas na pagina incial.

    http://www.solucoesblog.com/2010/04/controlando-exibicao-de-widgets-em.html

    ResponderExcluir
  27. Quero agradecer a dica, fiz, contudo o slide esta desaparecendo de todas as paginas farei todos os passos novamente para detectar o erro. Mesmo assim obrigado! Seus tutoriais são excelentes e bem didáticos!

    ResponderExcluir
  28. Olá a mim também não aparece a imagem.Então eu decidi testar noutro blog e nesse já funcionou, mas eu fiz igual nos dois não sei porque não esta a funcionar no primeiro, não sei se pode ter a ver com o template que estou a usar se me poder ajudar agradeço.

    PS: Muito bom o slide!

    ResponderExcluir
  29. Este e o meu blog de testes se me poder ajudar estou mesmo a precisar do slide fico aguardando resposta
    http://tr-blogteste.blogspot.com

    ResponderExcluir
  30. Ola consegui por o slide a funcionar retirei este código function startGallery() e já deu.
    Deixei aqui este comentário para poder ajudar outra pessoa que esteja com o mesmo problema espero ter ajudado.

    ResponderExcluir
  31. ola estou tentando colocar esses slides mas onde que é esse código ]]> e criar um novo elemento é fazer tipo um outra pagina em html? grato

    ResponderExcluir
  32. a mi deu o slide podes ver no didituga.blogspot.com ...

    ResponderExcluir
  33. Bom dia, minhas imagens estão postadas no imageshack, mais meu slide so fica como se tivesse carregando.

    ResponderExcluir
  34. Tem como exibir apenas a imagem direcionando para o link em questão? Tirar a aprte escrita e essa barra preta que sobe.

    ResponderExcluir
  35. Deu erro no modelo, atualizei a página deu certo, mas visualizei o blog e havia um gadget que eu tinha excluido, exclui novamente e deu certo. O slide esta funcionando quase perfeitamente.

    Quando add um gadget ele aparece duplicado, tenho q excluir um.

    Apesar dos pesares este slide foi o melhor que encontrei.
    Valeu

    ResponderExcluir
  36. olá me ajuda numa simples coisa??
    ele tah funcionando td certinho,mais ele n aparece o titulo somente a descriçao.

    pq?.alguem pd me ajudar?

    ResponderExcluir
  37. Otimo, simplimente me agradeii! MUITO BOM!

    ResponderExcluir
  38. Mesmo perfeito. Já andava a procura disso a bastante tempo, mas eram uns tutoriais tão complicados e esse tao simples e porreiro. Nota 10.

    Continua

    ResponderExcluir
  39. Não funciona em templates padrões do blogger....
    Ajude por favor <:(

    ResponderExcluir
  40. muito bnom comigo deu certo vlw pessoal pode confiar e faz que da certo só segui direito

    ResponderExcluir
  41. Parabéns pela página está com ótimos Posts.

    O meu Velho se não for muito incomodo não tem como vc postar os link de download dos Scripts é que eu gostaria de eu hospedá-los.

    Se preferir mandar por e-mail: VigilanteTemNoticias@gmail.com

    Um abraço,
    Eduardo Chaves do www.VigilanteTemNoticias.com.br

    ResponderExcluir
  42. Cara nesse título da imagem e URL que aparece duas vezes é para colocar a mesma coisa?

    não estou conseguindo colocar as imagens, já tentei de diversas formas mas ainda não foi.

    Rola um help? abs

    ResponderExcluir
  43. Ótimo slide, um parceiro meu me passo o link daqui e eu aprovo! O único problema é que com as atualizações constantes do blogger, fez com que ''bugasse'' as imagens, e está aceitando apenas imagens pequena! O slide tem um tamanho em largura máximo e mínimo de imagens? Se tiver me passa ou se você usa um tamanho, pode me aconselhar! Obrigado

    ResponderExcluir
  44. Não consegui colocar também. Fiz em um blog de teste e deu certo, mas no blog que eu quero colocar dá errado. Os dois blogs tem o mesmo template que é do próprio blogger. As imagens aparecem, só que o slide não funciona. Já tentei várias vezes pra ver se eu tinha errado alguma coisa, mas mesmo assim não deu certo.
    Pode me ajudar?
    Meu blog de testes: http://testesweetcorner.blogspot.com/
    E esse é o link do blog que eu quero colocar o slide: http://www.herois-do-olimpo.com
    Aguardo respostas,
    Raquel.

    ResponderExcluir
  45. posso saber se da para eliminar a barra de destaques em cima do slide ???

    agradecia resposta

    ResponderExcluir
  46. Quero deixar so as setas e a imagem aparecendo e o link pra rediredionar quando clica na imagem.

    Como eu tiro o titulo e descrição em cima do slide?

    ResponderExcluir
  47. Estou tentando Modificar a Descrição alguem sabe qual codigo eu devo mudar pra deixa a caixa de descrição mais alta?
    karlos.zeroth@gmail.com

    ResponderExcluir
  48. Olá !!!

    Não tenho nem palavras para agradecer seu tutorial !!! passei uns 4 dias tentando todos os slides que encontrei por aí e nenhum funcionou, este além de lindo, funcionou de primeira, sem dificuldade alguma, estou pulando de alegria !!!!!!!!!!!!
    Muito obrigado mesmo !!!

    Um abraço e sucesso !

    ResponderExcluir
  49. Falei cedo demais...parou de funcionar...snif...

    ResponderExcluir
  50. no html do java script onde é o código para inserir fotos é no url deu tudo certo até agora me ajude..obrigado

    ResponderExcluir
  51. qual o tmanho da Imagem que devo coloca no slide

    ResponderExcluir
  52. Olá, recebi algumas visitas daqui e resolvi postar que o slide funciona muitíssimo bem, tive um problema inicial ,como mencionado acima, mas tudo se normalizou e já utilizo o slide em 2 blogs !! Obrigada, foi o único que deu certo e ficou bem do jeito que eu queria !
    abçs !!

    ResponderExcluir
  53. meu banner funcionou corretamente, só que a imagem não toma a tela toda do banner.
    O que faço para colocar a imagem para tomar todo o banner?

    ResponderExcluir
  54. a imagem fica cortada, por ser muito grande oque faço ?

    ResponderExcluir
  55. Ola,

    Gostaria de agradecer meu blog (Publicidade na web) ter sido utilizado como referência.

    É uma honra.

    Adriano Luz

    ResponderExcluir
  56. Pow mano fis um teste aqui so pega no modelo antigo > como faço pra pega no modelo novo ! abraços

    ResponderExcluir
  57. ola tudo bem eu sou o magno eu sou iniciante em web site...
    não to conseguindo fazer esse modelo de slide que vc passou se não fosse pedir muito você poderia passa o codigo pronto para o meu e-mail eu agradeceria muito....
    magnoconsultoriaigt@hotmail.com

    ResponderExcluir
  58. Massa, Funcionou. Pena que eu me confundo tipo nos lugar de colocar a postagem fica escrito errado kkkk mais mesmo assim valeu !

    ResponderExcluir
  59. Só fica carregando!!! A imagem não aparece e fiz tudo certinho 2 vezes , com a imgem na resolução certa e nada!! O que pode ser???

    Olha ai: http://www.mmweboficial.blogspot.com

    ResponderExcluir
  60. depois de meses procurando isso consegui.. vlw muito obrigado, que Deus te abençoe

    ResponderExcluir
  61. Tenho muito que lhe agradecer, ja tinha visitado o seu blog, utilizado algumas dicas, mas essa do slide considero muito importante, e em breve colocarei no meu. Muito Obrigado!

    ResponderExcluir
  62. Aqui ocorreu tudo maravilhosamente bem... Obrigada, tava na luta para conseguir isso!!! Beijos, se cuida, e sucesso!!!

    ResponderExcluir
  63. Meu problema é igual ao do Rehnan, oque eu faço? http://www.missjups.blogspot.com/

    ResponderExcluir
  64. Cara...perfeito...procurava um Slide assim a tempos...e vc explicou super bem,valew
    www.cabritoloko.com

    ResponderExcluir
  65. como algumas pessoas acima
    tambem gostaria de tirar o texto e a barra q aparece
    tem como!?!?!!?

    ResponderExcluir
  66. Gostei muito legal, funcionou perfeitamente no meu blog =D

    ResponderExcluir
  67. deu certo obrigad... aproveitando acessem o blog NERDS da Fronteira...
    http://nerdsdafronteira.blogspot.com

    ResponderExcluir
  68. como faço para tirar aquele destaque do slide,,, pq so quero q fique passando as fotos...

    obrigad...

    ResponderExcluir
  69. Boa tarde.Obrigada consegui colocar, e coloquei 3 fotos, mas na terceira ele nao ajustou e esta passando um slide pequeno. vc tem como me ajudar?? Desde ja agradeço. Ah e minhas fotos estao hospedadas no picasa.
    Olha como ficou: www.parcif2009.blogspot.com

    ResponderExcluir
  70. mano me ajuda por favor. conseguir colocar o slide. mais não sei o tamanho certo para as imagens.

    OBS: As imagens estão ficando muito grande.e estão sendo cortada pelo tamanho do slide

    www.showderitmos.com
    phillypegravacoes@hotmail.com.br

    poder ajudar agradeço
    abraços e fiquem com deus

    e valew pela postagen a tempo que procuro por esse script

    ResponderExcluir
  71. LIxo por que eu fiz tudo mais depois só ficou carregando..melhor eu procurar outro blog
    Perdi meu tempo

    ResponderExcluir
  72. Eu gostei muito.

    Fácil de instalar e no meu blog funcionou direitinho.

    ResponderExcluir
  73. Oi, boa tarde, eu instalei este slide e funcionou muito bem no meu blog, mas gostaria de saber como faço para deixar os títulos das mensagens com a cor da fonte em branco.
    http://www.macelocarvalho.blogspot.com/

    ResponderExcluir
  74. Encontrei agora, testei e está funcionando perfeitamente.
    .
    O melhor que encontrei até agora.

    ResponderExcluir
  75. Valeu testei no meu blog e deu cer to, Só quero arrumar um jeito de trocar a cor mais vou tentar

    ResponderExcluir
  76. Que Droga! Ninguém Sabe Informar Como Fazer o Endereço do Slide Abrir em Outra Pagina???! Já passei por uns 20 ou mais blogs de tutoriais e seus autores nem tocam no assunto! =/

    ResponderExcluir
  77. Muito obrigado a vocês pela dica. Eu estava procurando um slideshow há muito tempo, porém todos continham erros ou não davam certo no Blog. O único que deu certo foi esse, e eu gostei demais do resultado. Obrigado mesmo. Podem comprovar como ficou legal nesse link.
    http://forumdoar.blogspot.com

    ResponderExcluir
  78. Ajuda,Quando coloco os slids fica um fundo branco atraz dele
    http://jsdetonados.blogspot.com/

    Algum pode me dizer como retirar?

    ResponderExcluir
  79. Mais uma perguntinha...
    Como deixar esse slide só na primeira página?

    ResponderExcluir
  80. agradeço pelo script, no meu deu certo se quiserem conferir acesse meu blog http://www.edylimaradialista.com/ e veja como deu certo sim
    axo q vcs q tao fazendo errado

    ResponderExcluir
  81. Obrigada pela dica, deu super certo.

    Tem como mudar o fundo? No meu aparecem as imagens e um fundo preto, como faço para colocá-lo de outra cor?

    Por favor responda para jferreiragotlib@gmail.com

    ResponderExcluir
  82. Olá, o meu título do texto não aparece, ai tenho que colocar tudo na descrição e fica péssimo sem pular linha do título e da descrição! O que eu faço? obrigado!

    ResponderExcluir
  83. Depois de muito tentar conseguir quem quiser verificar http://wemersonsilveira.blogspot.com/

    ResponderExcluir
  84. No meu blog ficou legal!
    http://debateepronto.blogspot.com/

    ResponderExcluir
  85. Preciso que o Slide fique na primeira página e porque as imagens ficam recortadas, num dá pra deixar em tamanho normal?

    ResponderExcluir
  86. Olá !! Em um blog de teste funciona perfeitamente, porem no meu pricipal funciona so que fica uma imagem no meio escrito:
    Tinypic
    This image or video has been moved or deleted..
    O que faço para retirar isso ????

    ResponderExcluir
  87. Testei em um blog de teste e deu certissimo, mas no meu template original naum...Acho que os Script estão em conflitos, há solução??

    ResponderExcluir
  88. o meu o slids nao abriu a imagem alguem sabe por que?? me ajudem.Nao sei se e por minha NET é lenta vejam aí obrigado
    http://slidehtml.blogspot.com/

    ResponderExcluir
    Respostas
    1. JUNIOR DIZ:eu hospedei minha imagem no site TINYPIC.COM só pra lembrar.respondam por favor

      Excluir
    2. Então Junior...
      O recomendado é hospedar as imagens no proprio Blogger, tipo, cria uma postagem, adiciona a imagem que você quer, copia o link da imagem, e pode até apagar depois o post que a imagem permanece no Blogger.
      Depois adiciona NESSE campo: img alt="Titulo da Imagem" src="AQUI O LINK DA SUA IMAGEM class="full"

      Abçs!!

      Excluir
    3. Marcio Miranda!!!

      Depois de ter quebrado muito a cabeça, comecei a ler os comentários e notei o seu!!!

      Caraaaaaaaaaaaaca!!! É só mudar o link da imagem nessa frase mesmo!! Fora em dizer que pra funcionar (pelo menos no meu caso) eu hospedei as imagens no próprio Blogger conforme sua indicação. Quando vi funcionar, iuhuuuuuuuuuuu !!! Cheguei até abrir um vinho pra comemorar hahahhahah

      Meu blogger ainda está em construção, mas vai aí o link pra confirmar que funciona mesmo!!! http://confortavelcomoumcamelo.blogspot.com.br/

      Valeu!!!! Abs

      Day.

      Excluir
  89. Aqui funcionou perfeitamente, valeu!

    ResponderExcluir
  90. olá, gostaria de saber como fazer esse slider aparecer somente na página inicial por favor. meu blog é http://new-smw.blogspot.com/
    o slider nele funcionou, mas só falta isso. flw! ;D

    ResponderExcluir
  91. Ficou bacana! porém ao passar o mouse em cima da imagem aparece uma lanterna e não consigo saber o porque?

    ResponderExcluir
    Respostas
    1. Olá...
      Apaga essas 2 linhas do código:

      http://dl.getdropbox.com/u/1815091/Slider/open.gif
      http://dl.getdropbox.com/u/1815091/Slider/open.gif

      Abçs!!

      Excluir
  92. Excelente dica e excelente blog. Usava um slide manual e não era muito profissional, fiz umas alterações no código em relação ao tamanho e coube certinho no espaço do anterior. Show!!
    Só uma coisa que estraga, aqueles inúteis (e prejudiciais ao carregamento das imagens) thumbnails junto com aquela aba detalhes... Tirei a lanterna, fiz varias alterações no código só não conseguir tirar esses dois. Quem puder me ajudar agradeço.
    Vejam o resultado: www.mirandamaster.com

    ResponderExcluir
  93. acessem o meu blog http://oliveirafilmesraros.blogspot.com.br
    obrigado pela dica eu vou tentar.

    ResponderExcluir
  94. Como aumento o tamanho do lugar onde fica a descrição ?
    E funcionou direitinho, muito obrigado pela dica, valeu.

    ResponderExcluir
  95. Uso há algum tempo este slide, mas volta e meia quando vou instalar outras coisas (como fiz recentemente instalando a mensagem modal para o meu feed), meu slide simplesmente para de funcionar.. aparece só a imagem... sem fundo, não troca, não faz nada... alguém poderia me ajudar, por favor? =/

    ResponderExcluir
  96. Muito obrigado amigo...Deu tudo certo!!!

    ResponderExcluir
  97. Como aumento o tamanho do lugar onde fica a descrição ?
    E funcionou direitinho, muito obrigado pela dica, valeu.

    ResponderExcluir
  98. Fiz tudo como está escrito e tive o mesmo problema que muitas pessoas que aqui postaram: as imagens não aparecem. Já experimentei mudar o formato, mudar o tamanho, e nada.

    Alguém me pode ajudar? Já estou a desesperar! Obrigado.

    ResponderExcluir
  99. Onde posso Redimencionar o tamanho do slider ?

    ResponderExcluir
  100. Aqui deu tudo certinho, mas queria que aparece-se apenas na pagina inicial,

    Não sei onde colocar esse codigo



    Para que apareça apenas a pagina inicial.

    meu blog rabiscoleitura.blogspot.com.br

    Alguém poderia me ajudar?

    ResponderExcluir
  101. Muito bom, rápido e prático, quem não conseguiu tenta que dá!!!

    ResponderExcluir
  102. muitu brigadu, tenhu sertesa qe meu blogi vai ritar.

    ResponderExcluir
  103. comigo não funcionou. não sei, talvez seja falta de mais explicações do tipo, "isso é para Wordpress, ou apenas Blogger", "foram testados em tais plataformas", segui todo o procedimento como descrito e não funcionou,vale lembrar que ja mudei de templates inúmeras vezes e meu blog está carregado de Gadget, talvez influenciem no funcionamento de outro, talvez... ou esteja faltando um simples "aspas" no código, vai saber. um simples detalhe muda tudo!!

    ResponderExcluir
  104. mas valeu pela dica, gostei muito do modelo, acho consiga, eu aviso, abraços!

    ResponderExcluir
  105. Olá!

    Queria saber se tem como dimunir o Tamanho do Slide, altura e Largura, não estou conseguindo achar esssa opção no codigo!

    Se alguém souber responda por favor!

    Obrigado pela Atenção e até mais.

    ResponderExcluir
  106. Funcionou! Mas tenho outra dúvida, no meu blog o slide ficou com uma borda preta, pensei que ficaria sem borta como nos exemplos aqui do site. Se alguem solber como configurar para ficar só a imagem sem a borda escura eu agradeço. só isso, no mais ta tudo funcioanndo perfeitamente.

    ResponderExcluir
  107. uma dúvida, o site do exemplo http://www.euusoeadoro.com.br é do Blogger??

    ResponderExcluir
  108. muito bom um tutorial simples e o resutado magnifico

    ResponderExcluir
  109. não carrega a imagem alguem pode me ajudar

    endereço do blog: http://blogdosgoiabas.blogspot.com.br/
    email: danilo.salve2@gmail.com

    ResponderExcluir
  110. as imagens não abrem, só fica carregando e nada.
    Só consigo visualizar as imagens no IE, e eu uso o chrome, nele não aparece.
    http://www.itvnoticias.com

    ResponderExcluir
  111. cara verdade o meu so rodou direitinho no ie, no firefox e no chrome não roda

    ResponderExcluir
    Respostas
    1. tá vendo só... esse foi melhor slide q eu achei, mas essa coisa de só ver no IE não dá =/
      Procurei q só

      Excluir
  112. Muito bom, era o que eu procurava já há algum tempo. Perfeito funciona muito bem.

    Agora gostaria de saber se tem como aumentar a fonte da legenda das fotos.

    Obrigada!

    ResponderExcluir
  113. Já fiz o procedimento por várias vezes e fica como se estivesse carregando a foto ..fico aguardando e não chega a carregar..
    o que pode estar acontecendo? Hospedo minhas imagens no flickr.

    ResponderExcluir
    Respostas
    1. Qual o teu navegador Aline?
      Eu uso o chrome, e nele só fica assim tbm, só funciona direitinn no IE. Affs

      Excluir
  114. olá no meu blog ficou otimo mesmo...
    mas eu gostaria de saber como eu mudo a cor e a fonte da "DESCRIÇÃO DA IMAGEM"

    como eu mudo ... qual é a parte do código que poso alterar isso ??

    Obrigadaa

    ResponderExcluir
  115. Olá, tentei no meu.. mas aparece uma imagem em baixo da outra, e nao em forma de slide.. porque? Pode me ajudar?? http://gleepglee.blogspot.com.br/

    ResponderExcluir
  116. Amei! Ficou lindo no meu Blog. Obrigada pela dica! ;)

    garotas100teen.blogspot.com

    ResponderExcluir
  117. GALERA AQUI NO MEU BLOG FICOU HIPER MEGA PERFEITO, BOM MESMO... É SÓ SEGUIR O TUTORIAL QUE DA CERTINHO... VLW AÊ PELO TUTO... BOM MESMO...

    ResponderExcluir
  118. cara, antes tinha dado perfeitamente, fikei com os slides por uns 3 ou 2 meses, até que hj 07/05/2012, fui postar no meu blog, quando vi que os slides estavam desfocados, nao passavam, e agora fui pear o codigo pra tentar fazer tudo de novo, mas você removeu acho, nao sei, só sei que nao da pra faze de novo pq nao tem o código que é pra colocar acima de ]]>. pode me envia o codigo para meu e-mail?

    e-mail: leorcezar@hotmail.com

    ResponderExcluir
  119. por favor envie pra mim também o codigo que o Leonardo Cezar está solicitando: mikeferres@yahoo.com.br

    Grato.

    ResponderExcluir
  120. Saudações!!! O meu slide também está apresentando problemas... Será algo temporário ou teremos que atualizar algum código do HTML?! Fico na expectativa pelo seu retorno...

    ResponderExcluir
  121. Rapaz é o seguinte, usei os slides durante uns 5 meses e quando foi ontem (07/05/2012) não pegou mais, hoje 08/05/2012 tentei fazer tudo de novo mais não consegui, fui tentar abrir o link dos códigos mas não abriu. Tem alguma atualização de código a fazer? Se tiver como enviar pra mim agradeço. Email: emanuel.barbosa12@gmail.com

    ResponderExcluir
  122. Ajuda a gente aí, meu velho? Tem idéia do que pode estar acontecendo com os slides? Se alguém aí souber também estou aceitando ajuda! Vamos lá pessoal, esse post e comentários já adiantaram o lado de muita gente! Vamos manter essa tendência...

    ResponderExcluir
  123. Evidentemente o cara que desenvolveu o slide deletou as imagens! Vacilo não ter hospedado particularmente essa p****! Será que vai rolar uma atualização ou vai nos deixar na mão?!

    ResponderExcluir
    Respostas
    1. Tambem cometi esse erro... :/
      Mas resolvi o meu problema ontem mesmo, deu trabalho mas acabou ficando melhor do que estava. Como eu ja tinha conta no Dropbox ficou relativamente facil, só foi baixar as imagens de novo (demorei mas achei) e hospedei no Dropbox.
      Vou dar uma dica bem resumida.
      Crie uma conta no Dropbox:

      http://db.tt/9bXfQSS

      Baixe as imagens:

      http://dl.dropbox.com/u/15983230/img.zip

      Baixe os scripts:

      http://dl.dropbox.com/u/15983230/scripts.zip

      Hospede as respectivas imagens e scripts em sua conta no Dropbox (na pasta public), gere os link e troque pelos link quebrado no HTML.
      Eu gerei um "css" do codigo, ficou muito mais rapido a abertura do slide. Quem quiser só pedir que passo a dica. Abçs!

      Excluir
    2. Cara passa ai o passo a passo pf ou manda no meu email
      henry.strauss@hotmail.com

      Excluir
  124. qual tem que ser o tamanho das imagens?

    ResponderExcluir
  125. Como que faz para tirar aquela barra escrito "Destaques" lá em cima ?

    ResponderExcluir
  126. Consegui, Mais só que fica carregando e demora muito.

    ResponderExcluir
  127. qual tem que ser o tamanho das imagens? por favor me falem

    ResponderExcluir
  128. o meu funcionou perfeitamente consegui colocar 7 imagens com 520x300
    cada uma, mais tem um problema quando a página abre o slide esta do lado esquerdo e depois vai para o centro eu queria saber porque isso ocorre,quem quiser ver o resultado ta ai o link http://ruarock.blogspot.com.br/

    ResponderExcluir
  129. A Imagem não passa em slides. Fica só a primeira imagem.

    ResponderExcluir
  130. consegui, so que a imagem nao fica centralizada. qual o tamanho que imagem deve ter? mlmb.amadna@gmail.com

    ResponderExcluir
  131. Muito legal, funciona direitinho, agradeço por compartilhar, que Deus abençoe.

    Teria como retirar aquela parte pretinha transparente que aparece os títulos em cada imagem?

    Quero apenas que apareçam as imagens sem os títulos.
    Obrigada. aline1185@hotmail.com

    ResponderExcluir
  132. por que as imagens ficam bem pequenas no centro do slide, tem como aumentar o tamanho delas?

    ResponderExcluir
  133. como tirar aquela lampada que aparece ao passar o mouse

    ResponderExcluir
  134. ola td bem..
    fiz todos os procedimentos. e mesmo assim a imagem nao carrega, se possivel m ajudar..

    ResponderExcluir
  135. Valeu, quebrei um pouco a cuca mais valeu a pena.

    Funciona perfeitamente, muito obrigado por disponibilizar esse tutorial.

    ResponderExcluir
  136. Amei essa dica. vlw o meu também deu certo, é complicado mexer com links e URLS

    ResponderExcluir
  137. as imagens não aparecem no meu cara aparece só os titulos e sub titulos e a imagens aparece só no começo e depois não aparecem

    ResponderExcluir
  138. oi

    eu quero deixar a 1º postegem do meu blog sem proximo ao titulo ou qualquer gadgets. e se eu colocar qualquer outro efeitos que fiquem sempre próximo.
    resumindo: quero saber onde controlo a distancia do titulo das postagens e dos gadgets entre postagens e tútulos. aguardo

    ResponderExcluir
  139. AFF FUI TENTAR COLOCAR NO MEU OUTRO BLOG A IMAGEM FICO PEQUENA E O SLIDE NÃO CARREGA NO MEU 1°TESTE FICO SUPER MASSA AGR NO MEU BLOG OFICIAL NÃO DEU ;S OBS: SÃO OS MESMO TEMPLATE

    ResponderExcluir
  140. Na primeira vez Funcionou direitinho mais depois eu acessei meu blog e parou de funcionar! Hoje tentei ajeitar mais mesmo assim nada adiantou!

    ResponderExcluir
  141. Salve, salve galerinha! O Slide funcionou certinho aqui!

    Sistema 5 Reais - Ganhe dinheiro na internet de forma honesta, segura, simples e comprovada!
    http://www.zash.zip.net/sistema5reais.html

    ResponderExcluir
  142. não da pra vc fazer essse slider pra mim não?

    meu site; http://sofilmesoline.blogspot.com.br/

    a 1 postagem mais lidas;
    http://sofilmesoline.blogspot.com.br/2012/07/jogos-mortais-7-o-final.html

    a 2 postagem mais lida;
    http://sofilmesoline.blogspot.com.br/2012/07/os-vingadores-avengers_08.html

    a 3 postagems mais lida;
    http://sofilmesoline.blogspot.com.br/2012/06/jogos-mortais.html

    a 4 postagem mais lida;
    http://sofilmesoline.blogspot.com.br/2012/07/era-do-gelo-4.html

    se precisar da 5 e so ir la no blog e pesquisar por;
    Batman - O Cavaleiro das Trevas Ressurge

    responde la no meu blog;sofilmesoline.blogspot.com

    em troca eu vou curti sua pagina no face e vou seguir seu blog
    e ainda vou divuga seu blog
    e indicar pro meu amigos

    por favor faiz pra mim esse slide

    ResponderExcluir
  143. como que tira aquela lampada que fica no meio do slide

    ResponderExcluir
  144. no meu blog deu certo
    olhem
    www.galaxyace123.tk

    ResponderExcluir
  145. Ola pessoal! To tendo o mesmo problema de alguns também. Quando carrega a pagina aparece rapidinho, depois some e depois ficam apenas os textos. O template foi criado no Artisteer, se é que isso interfere em algo. Se alguem conseguir resolver, favor postar aqui. Sucesso a todos!!

    ResponderExcluir
  146. MUITO OBRIGADO!!! me ajudou muito!

    ResponderExcluir
  147. O meu só aparecem os títulos e a descrição!! A IMAGEM NA APARECE!! ME AJUDEM!!

    ResponderExcluir
  148. CONSEGUII!!! Muito Obrigado!! procurei vários tutoriais na internet nenhum dava certo!! com esse eu consegui!! PARABÉNS E OBRIGADO!!
    veja como ficou: http://www.maisbt.blogspot.com.br/

    ResponderExcluir
  149. Tudo certinho por aqui!

    Quando a questão é HTML, é necessário muita atenção para não deixar nada escapar.

    Parabéns, se quiser verificar como ficou, seja bem vindo.

    http://teorizando-tudo.blogspot.com.br/

    Abraço!

    ResponderExcluir
  150. Tem como mudar o estilo de transição????

    ResponderExcluir
  151. Eu sei como colocar um SLIDE do powerpoint!
    Primeiro crie o slide,depois salve como documento da WEB,depois abra com o bloco de notas,cole o html no tab: |HTML| do seu blog, coloque de volta em escrever, e...
    Aparece:
    "Esta apresentação contém conteúdo que o seu navegador pode não ser capaz de mostrar corretamente.

    Se desejar continuar assim mesmo, clique aqui."


    escreva:
    "Clique em: 'Clique aqui' para continuar".
    Espero ter ajudado!

    ResponderExcluir
  152. olá, sabe me dizer q tamanho tenque ter essas imagens para ficar certinho e ñ cortar nenhuma?

    ResponderExcluir
  153. Finalmente consegui!!!
    Tentei em diversos sites e somente esse deu certo.
    Parabens

    ResponderExcluir
  154. Aqui deu tudo certo. O primeiro que funcionou. Obrigada por disponibilizar o tutorial!

    ResponderExcluir
  155. O QUE ESTÁ ACONTECENDO???!!!! Tenho 2 sites com este slide, já faz 3 meses e estava tudo dando certo. Agora eles pararam de funcionar (OS DOIS) sem eu fazer alteração nenhuma!!!! O QUE ACONTECEU! Por-favor me ajude! Ou solucione o problema o mais rápido possivel!

    OBS.: no tópico (2) pede para colar acima de (-).. o link do html não está mais disponível. Será esse o problema???

    ResponderExcluir
  156. DEU CERTO VLW, SO TEVE UM PROBLEMINHA MAIS ACHO Q DAR PRA RESOLVER VLW

    ResponderExcluir
  157. Muito bom, bem fácil de fazer vlw ae mano!

    ResponderExcluir
  158. Eu conseguir colocar mais como eu faço pra deixar só na pagina inicial ?

    ResponderExcluir
  159. http://templateanimeparadollars.blogspot.com.br/ <-- exemplo slide funcionando so na pagina inicial

    ResponderExcluir
  160. Comigo não deu certo, as fotos apareceram gigantescas quase do tamanho da página do Blog, tudo entrou em conflito e embolou tudo...

    ResponderExcluir
  161. e até legal mais e muito lento e fica carregando muito

    ResponderExcluir
  162. Olá, boa noite, gostaria de saber porque os slides pararam de funcionar, já estão há 3 dias parados. Se puder resolver o meu problema agradeço desde já!

    ResponderExcluir
  163. É verdade,o slide parou de funcionar a alguns dias,caso possa resolver o problema agradeço!

    ResponderExcluir
  164. Os slides pararam de funcionar a tempo e ninguem da uma solução aqui, seria legal se alguem desse uma resposta...

    ResponderExcluir
  165. olá,amigo!como eu faço pra deixar o slide só no home?

    ResponderExcluir
  166. Não é só dá Ctrl C e Ctrl V, tem que editar as partes onde tem "URL do POST" e "url da imagem"

    ResponderExcluir
  167. o slide parou de funcionar, tem como arrumar?

    ResponderExcluir

Todos os direitos reservados © Soluções Blog - Desenvolvido por Gustavo Solbas. Tecnologia do Blogger.