2 formas modernas e funcionais de exibir seus posts recentes

em 16 de setembro de 2015


Eu já ensinei aqui no blog alguns widgets que listam as postagens recentes.
Relembre:

Tutoriais para Postagens recentes


Todos funcionam, cada um à sua maneira.
Mas hoje quero ensinar um diferente, que pode exibir tanto os posts mais recentes de modo geral, quanto os posts recentes de determinada categoria.
Veja o print de como ficaria usando a categoria Dicas para blogs aqui do blog:

Não dá pra ver pelo print, mas ao passar o mouse o título de cada postagem aparece, é muito legal!
Veja os meus exemplos, que coloquei não como gadget mas como página estática:

Postagens recentes- exibição geral
Postagens recentes- exibição por marcador

Vamos aprender como colocar as postagens recentes no blog?

Para começar vá ao painel de seu blog e clique na aba Modelo.
A seguir clique em HTML e dentro da caixa de código tecle Ctrl+F.
Vai expandir a barra de pesquisa; nessa barra digite </head> e tecle Enter para localizar.
ACIMA da tag encontrada cole o código Javascript:

Copiar o código Javascript

A seguir, dentro da barra de busca digite ]]></b:skin> e tecle Enter.
ACIMA  disso cole o código CSS:

Copiar o código CSS

Salve novamente.
Agora vá ao modo Layout de seu blog, clique em Adicionar um gadget e escolha a opção HTML/JAVASCRIPT.
Dentro da caixa que expandir cole um dos dois códigos abaixo, de acordo com o seu objetivo:
Para exibir as postagens recentes de modo geral use este código:

Copiar o código HTML exibição geral

Para exibir as postagens recentes de determinado marcador use este código:

Copiar o código HTML exibição por marcador

Preste atenção!
No trecho do código que destaquei em azul você coloca o nome de seu marcador, exatamente como ele é no blog.
Por exemplo, se eu quiser listar os posts recentes da minha categoria Receitas salgadas o marcador é escrito assim: Receitas salgadas.
Se eu escrever receitas salgadas não vai funcionar pois precisa ser exatamente como é no blog, ok?

Não precisa, em nenhum dos dois códigos HTML colocar o endereço de seu blog, o próprio script lê e captura esse endereço.
Só fique atento ao que mencionei acima, caso sua opção seja exibir posts recentes de determinado marcador.

Dúvidas que podem surgir:

1- Onde altero tamanho da fonte, cor de borda e cor de fundo?
No Código CSS. Tudo que define a aparência está ali, precedido do sinal # ou definido por background, border, font, etc.
Leia o código, em geral ele te dirá o que fazer.
Mas é claro que precisa um conhecimento básico em CSS para conseguir.

2- Posso colocar mais de um gadget no blog, para destacar mais de 1 marcador?
Sim, pode.
Basta repetir o código HTML em um novo gadget e colocar o marcador que desejar.

3- Quero colocar em uma página como no seu exemplo, pode?
Sim, claro.
Basta colocar o código HTML escolhido na página que deseja. Para isso basta reverter o editor de texto para o modo HTML, colar o código e clicar em Publicar.

4- Fiz tudo e não deu certo, o que pode ser?
Seu blog precisa ter os feeds ativos e ser público.
Se ainda assim não der certo pode ser incompatibilidade de seu template.
Refaça tudo para se certificar de não haver pulado nenhuma parte.

5- Fiz, deu certo mas quero tirar. Como faço?
Refaça tudo que fez, ao contrário. Vá excluindo cada código que colocou e por fim terá excluído a funcionalidade.



É isso aí, gente querida.
Espero que aprecie, e se gostar clique em Compartilhar ao final do post.
Isso faz com que o post chegue até mais pessoas, e faz o blog crescer.
E é isso que mantém a paixão de postar, né?
Se o blog é útil então seria legal ajudar a divulgar.
Eu?
Fico #gradecida rsrsr

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.

3 comentários , comente também!

  1. Muito interessante. Porém eu consegui colocar um que já aqui postou à tempos, e não vou mexer mais, para não estragar, que nesta coisa de códigos e informática, sou mesmo um calhau com olhos.
    Um abraço.

    ResponderExcluir
  2. Olá minha querida!!! Deu tudo certo!!! Ficou uma belezura no meu blog!!!
    Hj minha morada é aqui no seu blog!!! Pintor em casa! Casa uma bagunça... não consigo nem me mexer... Imagina um ser de 1,75 de altura encolhidinha num canto da casa? Tudo par anão atrapalhar o pintor!!! Hahaha... Hj tirei o dia para cuidar do meu blog e colocar em prática as suas dicas!!!
    Um grande beijo para vc!!!!

    ResponderExcluir
  3. Eu fiz como página, ficou lindão!
    Obrigada, Elaine!

    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…