Slide de postagens recentes, elegante e fácil de instalar

em 23 de abril de 2014

No tutorial de hoje vou compartilhar com você um slide bem simples de instalar, que exibirá as postagens recentes de seu blog de um modo bem bonito e original.
Confira a demonstração:

Demonstração do tutorial

Para instalar em seu blog é bem fácil:
Comece copiando este código:

Copiar o código


A seguir acesse o painel administrativo de seu blog e clique na aba Layout.
Clique em Adicionar um gadget, e dentre as opções que aparecerem escolha  HTML/JAVASCRIPT.
Dentro da caixa que expandir cole o código copiado,e faça as alterações necessárias para que o slide combine com seu blog.

Note que eu marquei em pink as partes editáveis, como cor de borda, cor de fundo, tamanho das letras, etc.

Vá mexendo, até que adapte ao seu blog.
Sem modificar nada o resultado será exatamente como o meu exemplo.
Não esqueça de colocar o endereço completo de seu blog onde deixei marcado, ok?

Salve, arraste para onde deseja que apareça e salve as alterações de layout.
Está feito.
Viu que facinho que é?


Aproveite que veio me visitar se inscreva pra concorrer à este livro:

http://www.elainegaspareto.com/2014/04/depois-da-escuridao-de-sidney-sheldon.html
Clique sobre a capa e participe, bem facinho e sem regras excessivas!

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

14 comentários , comente também!

  1. Olá gostei muito dessa dica. já coloquei no meu blog e o melhor é que combinou certinho! não precisei mudar praticamente nada rsrsrs( a não ser o que era necessário né).
    Obrigado por compartilhar seus conhecimento, que Deus te abençoe.
    Abraço

    Meu blog: www.palavradiariadevida.blogspot.com

    ResponderExcluir
  2. Coloquei só para ver como fica. Vou acertando aos poucos.
    joturquezzamundial
    Beijos.

    ResponderExcluir
  3. amei voçe e demais!!! estou colocando tudo que voçe ensina no meu blog.bjs

    ResponderExcluir
  4. Oi Elaine, é a Vi, parece bem legal, achei bacana o seu, conheça o meu site, tudo separadinho e facil.
    Suas dicas são preciosas.
    Muitos beijos,Vi

    ResponderExcluir
  5. Muito bom !!

    Vou ver se coloco isso lá no meu :)

    Bjoo !

    | O Blog Que Não é Blog |

    ResponderExcluir
  6. Adorei! Como estou começando agora amo essas dicas! haha
    http://bloglaryssasouza.blogspot.com.br/
    Bjs...

    ResponderExcluir
  7. Muito Bom!

    Poderia postar como por smiles nos comentários do blog?

    ResponderExcluir
  8. Compartilhando a dica .
    Beijinhos
    Deus abençõe

    ResponderExcluir
  9. Tentei varias vezes mais não consegui! :(((
    Queria tanto.

    ResponderExcluir
  10. Olá, Elaine.

    Estou sempre aqui conferindo os seus tutoriais e aplicando tudo ao meu blog.
    Inclui este slideshow, mas não deu certo.

    Coloquei o endereço do blog como blogspot e também no endereço que tenho hoje, e mesmo assim não deu certo.

    Pode me ajudar?

    Priscila
    Mãe Sem Frescura
    www.maesemfrescura.net

    ResponderExcluir
    Respostas
    1. Priscila, tem certeza?
      Olhei seu blog e o slide está lá, funcionando.
      Deu certo, afinal?

      Excluir
  11. Olá, Elaine

    Muitíssimo obrigado por essa e tantas outras dicas que eu uso em um blog que eu mexo.
    Mas, gostaria de saber, esse slide de postagens tem alguma maneira de colocar postagens específicas (posts que eu escolho, e não as mais recentes)?

    ResponderExcluir
  12. Poxa, nem deu certo no meu :(

    http://believetempodeacreditar.blogspot.com.br/

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…