Mensagen | Avisos

Como fazer Apresentação de Slides com Banners

Como fazer Apresentação de Slides com Banners


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl3v_NWL3v6fSyGm4tpEyxAKQLrvSccqVldfTl91mbDU7rfXFlT4C2cuJNU334mmYTM8DpmEewevm8eRmpUHggvP17PTYsxR1W5MJrM_PhVPTxjYJLHBCF7iJe6DWLc4Wrxkdo-n4Lz1gs/s400/Logo_Blogger.png



Vamos criar uma apresentação de slides com banners no seu blog, o código é um pouco longo, mas depois de instalar você verá que adicionar mais banners ou trocar os que já colocaram é muito simples de fazer é igual a mudar um banner comum.
Colocamos em nosso outro site uma apresentação de slides com banners se você quiser ver o código em funcionamento, lá também poderá fazer o download dos arquivos javascript usados neste código.

Para colocar esses slides no seu blog entre na pagina Designer (layout), clique para adicionar um gadget, escolha a opção HTML/javascript e cole o código abaixo:


Esse código é somente para banners(imagens e links) se para fazer o mesmo com postagens do blog temos outro código no tutorial sobre criar uma apresentação de slides com as postagens recentes do blog.

Veja que a parte final do código é igual qualquer HTML, portanto para trocar os banners ou usar mais só precisa colocar os códigos nesta parte, e claro troque também o endereço do site e o texto que aparece sobre ele:



  • Frases



  • Mas alguns cuidados são necessários você deve usar banners todos do mesmo tamanho, porque se não forem iguais o código irá distorcê-los, então use um programa para editar as imagens antes de hospedar seus banners.

    Outras partes importantes do código que você precisa alterar:

    Para ajustar o tamanho da imagem procure esse trecho no código:
    width: 400px;
    height: 300px;
    Ele aparece duas vezes então deve modificar para as dimensões das imagens que utilizará.

    Tempo dos slides, isso você controla neste trecho: timeOut: 3000, basta mudar o valor, lembre que 3000 equivalem a 3 segundos, então deixe como desejar.

    Mais uma coisa existe dois códigos javascripts que utilizados neste código que estão hospedados no site getdropbox.com:


    Se quiser você pode baixar esses arquivos e hospedar você mesmo como já dissemos você pode baixa-los no link de nossa pagina de demonstração que está no inicio desta postagem, assim caso esses sejam deletados ou tenham algum problema você poderá substituí-los. Isso é útil principalmente por se tratar de um site de hospedagem grátis se muitos blogs usarem o mesmo arquivo ele pode ser apagado.

    (fonte Dicas Para Blogger)

    Ponha Esse Banner EM SEU POST

    Radio Mix Rox

    Voltar ao Topo da página