Postagens recentes separadas por marcador

em 1 de julho de 2015

Faz tempo que estou planejando este tutorial, desde quando coloquei os posts separados por categoria abaixo das postagens do blog.
Desce a página, olha ali abaixo do post, viu?
Os posts recentes são separados por marcador, por categoria.
No meu caso optei por destacar as categorias mais relevantes do blog: Dicas para blogs, Receitas culinárias, etc...

É isso que vamos fazer hoje: criar um gadget que lista os 3 posts mais recentes de cada categoria que você escolher.
Não é simples de fazer mas é perfeitamente possível, basta ler com atenção e fazer com paciência.
Quer aprender?
Vem comigo!


Marcadores organizados?


Antes de mais nada é preciso que seu blog tenha os marcadores bem definidos, inseridos corretamente nos posts.
Clique aqui e aprenda como inserir marcadores do modo correto

Depois você precisa definir quais marcadores de seu blog são os mais relevantes, quais quer destacar. Escolha os que têm mais posts, que geram mais interação, ou que você queira chamar mais atenção.
Pode destacar quantos desejar, mas lembre que excesso de gadgets pode deixar o blog mais lento.
Recomendo que coloque esse gadget ao final da sidebar para não atrasar o carregamento do blog, ou no footer.


Colocando os códigos no template


Definidas essas coisas, vamos inserir no blog.
Comece clicando na aba Modelo de seu blog.
Clique então em Editar HTML e a seguir tecle Ctrl+F dentro da caixa de código.
Digite ]]></b:skin> na barra de busca que abrir e tecle Enter para localizar.
Acima da tag localizada cole este código:

Copiar o código 1


Esse código é o código CSS que define a aparência do widget que estamos criando.
É nesse código, portanto, que você fará as alterações de cor de borda, tamanho, arredondamento, etc de seu widget.
Deixei marcado em letra maiúscula as áreas editáveis.
Salve depois de editar.
Claro que nada vai aparecer, vamos ao segundo código.

Dentro da barra de busca digite </head> e tecle Enter.
Preste atenção, precisa achar essa tag exata, que é de fechamento. Achar <head> não serve pois essa é a tag de abertra.

Acima dessa tag </head> cole o segundo código:


Copiar o código 2


Salve a alteração.
Vamos ao terceiro código.
Na barra de busca digite </body> e tecle Enter. De novo é preciso achar exatamente isso, </body> pois é tag de fechamento. Tag de abertura não serve.

Acima da tag </body> cole este código:


Copiar o código 3


Esse código é importante pois impede que as miniaturas fiquem embaçadas e distorcidas.
Salve a alteração.
Estamos terminando.

Vá agora até a aba Layout de seu blog, clique em Adicionar um gadget, escolha a opção HTML/JAVASCRIPT e na caixa que abrir cole este código:


Copiar o código 4


Este é o código que fará a mágica acontecer/funcionar.
Preste atenção agora!

No campo que deixei marcado em letras maiúsculas pink coloque o nome de seu marcador, aquele que deseja destacar.
Tem que ser exatamente o nome do marcador, com a grafia exatamente como ele foi criado, tá?
Por exemplo meu marcador Dicas para blogs.
Se eu escrever dicas para blogs ele não funciona no gadget.
Entendeu?
Grafia correta, exatamente como é o marcador.

Coloque título em seu gadget se desejar, salve, arraste para onde deseja que fique, e salve o posicionamento no layout.

Se tudo deu certo você terá os 3 últimos posts publicados do marcador escolhido.
Repita esse último código para cada marcador que desejar destacar, um gadget para cada marcador, colocando o nome exato do marcador em cada um dos gadgets.


Como eu disse no começo: não é simples e nem facinho, mas vale a pena.
E se você fizer com atenção não terá grandes dificuldades.
Leia e releia o tutorial com atenção.
Não esqueça: para dar certinho precisa ter os marcadores bem definidos, colocar o nome correto no gadget, ter ao menos 3 posts de cada marcador que for destacar.

Faça em seu blog, capriche.
São coisas assim que dão personalidade ao blog e o fazem se destacar...


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.

9 comentários , comente também!

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. olaaaa...minha linda tudo bom?
    estou voltando com tudoooo...
    e venho convidar vc a ver meu novo post.
    http://carolmartinsoficial.blogspot.com.br/2015/07/adesivos-de-unhas-autocolantes.html

    espero que goste...beijãooooooo

    ResponderExcluir
  3. Olá, desculpe pela pergunta fora de post, gostaria de saber se tem como criar um agregador de feed no blogger, como ex: www.modait.com.br que agrega os feeds de vários blogs. É que eu tenho quatro blogs, e queria agregar em um só lugar.

    ResponderExcluir
  4. oi Elaine, tenho um blog a pouco tempo, posto sobre viagens.
    Achei seu blog hj e supeeerrrr me ajudou, seu blog é lindo e seus tutorias são fantásticos. Parabéns!
    Obrigadaa e sucesso =)

    ResponderExcluir
  5. Elaine,
    Voltei pra te agradecer...usei muitas, muitas e muitas de suas dicas e digamos que meu blog ta quase como eu sonhei...rsrs!!! Tenho esse blog desde 2010, mas de uns tempos pra ca por motivos de trabalho eu vivia sem tempo pra ele, mas agora resolvi voltar e suas dicas foram mais que valiosas... acho que nem uma melhor amiga seria tao paciente e tao detalhista.
    Se voce quiser da uma olhadinha, vai la... http://culturabobagemebagagem.blogspot.com

    ResponderExcluir
  6. oi! tudo bem! o meu ficou com o titulo para fora!! oq eu faco?

    ResponderExcluir
  7. o meu não esta dando certo http://leonardopiress.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…