Postagens recentes em formato de menu de notícias deslizante

em 5 de fevereiro de 2014


O tutorial de hoje é bem legal, ele mostra as postagens mais recentes do blog em formato de slide horizontal, semelhante ao usado em portais de notícias.
Veja aqui o exemplo:


Demonstração do tutorial


Para ter em seu blog são necessários 2 passos simples.
Acesse o painel administrativo de seu blog e clique na aba Modelo.
Clique em Editar HTML e tecle Ctrl+F dentro da caixa de código.
Na barra de busca que abrir cole isso:




Dê Enter para localizar.
Assim que achar cole o Código CSS acima da tag encontrada:


Copiar os códigos


Salve a alteração.
Agora clique na aba Layout; a seguir clique em Adicionar um gadget. Escolha a opção HTML/JAVASCRIPT  na caixa que expandir cole o Código HTML.
Salve, arraste para onde desejar e salva a alteração do Layout.



Dicas extras:

Onde você lê URL DE SEU BLOG  coloque, claro, o endereço completo de seu blog, sempre começando com http.
Salve, arraste para onde deseja que fique e salve as alterações do layout.
Um bom lugar é abaixo ou acima do cabeçalho. Também fica legal acima da área de postagem.
Faça testes pois a melhor posição varia de acordo com seu template.
Funciona bem no Chrome e no Firefox.
Apresenta irregularidades no Internet Explorer.


Com dificuldades para copiar os códigos?
Leia:
Como usar os tutoriais deste blog?

Viu que facinho que é?
Gostou?
Curte aí!
Eu agradeço!

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.

26 comentários , comente também!

  1. Oi Elaine,
    Fica super legal, quem sabe para uma próxima mudança!
    :)
    Fiz um blog de testes também, quando fico na dúvida, testo nele antes!rs
    bjs

    ResponderExcluir
  2. Oi Elaine!

    Achei uma gracinha seu blog teste, muito fofo! E legal esse formato de notícias, prende a atenção.
    Sei que ando meio sumidinha, mas com esse calor cadê ânimo?

    Beijos, Renata
    palpitandoemtudo

    ResponderExcluir
  3. Obrigada Elaine...as suas dicas são demais!!!
    Bjs
    maria

    ResponderExcluir
  4. Ah, eu amei. Mas não entendo direito esse negócio e tenho medo de alterar e acabar mexendo aonde não devia :(
    Parabéns pelo blog, sucessos :)

    http://viivereaprender.blogspot.com.br/

    ResponderExcluir
  5. Querida Elaine,
    mais uma dica pra lá de legal.
    Obrigada por estar sempre compartilhando coisas interessantes.
    Beijocas e um final de semana pra lá de maravilhoso.
    Jana =)

    ResponderExcluir
  6. Ah! Esqueci de te avisar! Te levei para o meu cafofo! Beijooooooos, Jana ;)

    ResponderExcluir
  7. Olá! Tenho acompanhado o seu blog há alguns meses e aprendido muito.

    Parabéns pelo trabalho e sucesso.

    Att
    Epifanio Santos

    ResponderExcluir
  8. Olá! Tenho acompanhado o seu blog há alguns meses e aprendido muito.

    Parabéns pelo trabalho e sucesso.

    Att
    Epifanio Santos

    ResponderExcluir
  9. Oi Elaine,
    Conheci seu blog através da Maria (m de maria ateliê) e desde então tenho feitos vários ajustes no meu blog com a sua ajuda. Muito bacana encontrar pessoas como você que compartilham seus conhecimentos. Aproveitei para indicar seu blog no meu googlando - se quiser conferir é só passar por lá: www.nomeuapartamento.com.br

    Beijos e bom domingo!! =)

    ResponderExcluir
  10. Oi Elaine,
    Conheci seu blog através da Maria (m de maria ateliê) e desde então tenho feitos vários ajustes no meu blog com a sua ajuda. Muito bacana encontrar pessoas como você que compartilham seus conhecimentos. Aproveitei para indicar seu blog no meu googlando - se quiser conferir é só passar por lá: www.nomeuapartamento.com.br

    Beijos e bom domingo!! =)

    ResponderExcluir
  11. Elaine suas dicas são ótimas! Parabéns! Apenas queria sua ajuda numa coisinha. Você ensinou aqui no blog como colocar postagens relacionadas com o linkwithin e eu já fiz o passo a passo várias vezes mas sempre no final na hora de "adicionar o widget" aparece essa mensagem:

    "Foram encontrados os seguintes erros:
    widget.content: O campo obrigatório não pode ficar em branco
    Se o problema persistir, recomendamos: Limpe o cache e os cookies do seu navegador e tente novamente."

    Já fiz de tudo, até tentei usar o Outbrain e também não deu certo. Você pode me ajudar?

    Desde já obrigada. Seu Trabalho é maravilhoso!

    ResponderExcluir
    Respostas
    1. tentei tambem e aparece a mesmo erro :(

      Excluir
    2. Amanda e Evinha:
      Ao invés de marcarem a opção Blogger marquem a opção Other ao gerar o código.
      Daí insiram manualmente como gadget HTML.
      Dará certo.
      beijossss

      Excluir
  12. Olá Elaine, como sempre , dividindo aquilo que sabe! um bj e um bom domingo para vc e seu marido. Tudo de bom.

    ResponderExcluir
  13. Olá...
    Tenho acompanhado o blog a alguns dias tentei usar seus tutoriais mas nunca consigo colar os códigos.
    paro o mouse em cima do mesmo e não acontece nada :-(

    ResponderExcluir
    Respostas
    1. Mariana, os ícones não aparecem do lado direito, no topo do código?
      Tem certeza?
      Lembre que é preciso clicar sobre o primeiro deles para que a janela de códigos abra, tá?

      Excluir
  14. Oi Querida, Não achei a Tag. O que eu faço ? Meu Blog tem um dia, já blogo á alguns anos... Resolvi criar esse novo. http://estreladaultimanoite.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Blogueira, todo template tem essa tag, em especial o seu, que é um dos nativos do Blogger.
      Tem certeza que procurou do modo certo?

      Excluir
  15. Olá Elaine, bom eu gostaria de um menu parecido com o do site da Capricho, ele tem submenus e logo ao lado tem as postagens recentes. Pode me indicar um tutorial que me ensine um menu parecido com esse?

    ResponderExcluir
    Respostas
    1. Emily, eu não conheço mas se topar com um posto o link aqui, tá?
      bjssss

      Excluir
    2. Olha o link do site é esse:
      capricho.abril.com.br

      Excluir
  16. Olá Elaine,
    Amo todas as suas postagens e aplico nos meus blogs, mas gostaria de saber se posso fazer o mesmo com tags, por exemplo, ao invés de mostras postagens recentes, mostrar uma tag qualquer como "Todas as Receitas" fico no aguardo.
    Parabéns mesmo pelo blog!

    ResponderExcluir
    Respostas
    1. Rubens, nunca testei, mas assim que der vou tentar. Acho que pode dar certo se alterar o endereço do blog pelo da tag e acrescentar algumas linhas.
      Vou testar assim que der.

      Excluir
  17. Boa noite Elaine,eu gostaria de usar esse código do menu deslizante,mas não consigo copiar os codigos teria como você me enviar esse códigos para o meu e-mail ? vitor-zipcana@hotmail.com,obg pela atenção,parabéns pelo blog

    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…