Postagens populares- 5 modelos para personalizar e deixar seu blog lindo!

Oi, querido leitor!
Sabe aquele gadget nativo do Blogger, as Postagens populares?
Eu, pessoalmente, gosto demais pois mantém o interesse do leitor nos posts do blog e informa qual conteúdo nosso tem audiência mais elevada.
Pois bem, ele é maravilhoso e funciona mas não lá muito estiloso, né?
Mas isso nunca impediu a gente, claro!
No mega tutorial de hoje vou te mostrar 5 opções de personalização das Postagens Populares, cada um mais fofo que o outro.
Se liga que é bem facinho e você vai conseguir realizar sem dificuldade nenhuma.
Vamos aprender?

Para começar você precisa ter instalado em seu blog o gadget Postagens populares.
Faça assim: vá ao painel de seu blog e clique na aba Layout.
Aí clique em Adicionar um gadget e dentre as opções que aparecerem escolha Postagens populares.
Configure assim:

Posicione onde deseja que fique e salve.

Agora vamos personalizar. Veja abaixo os modelos para você escolher:

Modelo 1

Copiar o código do Modelo 1

Modelo 2

Copiar o código do Modelo 2

Modelo 3

Copiar o código do Modelo 3

Modelo 4

Copiar o código do Modelo 4

Modelo 5

Copiar o código do Modelo 5


Escolheu seu modelo?
Então vamos instalar!

No painel de seu blog abra a aba Modelo e clique em Editar HTML.
Dentro da caixa de código que expandir digite  ]]></b:skin> e tecle Enter para localizar.
ACIMA disso cole o código correspondente ao modelo que você escolheu.
Salve.
Está feito.
Agora preste atenção às dicas extras!

Dicas extras importantes

1- Os 3 primeiros modelos requerem um passo complementar:  inserir o CÓDIGO JAVASCRIPT acima de </body> conforme explicado na página dos códigos de cada modelo.

2- Detalhes como cores e fontes são alterados no CÓDIGO CSS. Deixei sinalizadas as áreas editáveis em cada código. Leia os códigos, eles te dirão onde alterar cores, fontes, etc... Outras alterações mais avançadas são por sua conta e risco, ok?

3- Fez em seu blog e não gostou ou deseja trocar por outro modelo? Sem problemas! É só apagar o CÓDIGO CSS do modelo escolhido e salvar. Aí pode deixar como era originalmente, sem personalização, ou escolher outro modelo.

4- Caso seu blog já tenha a área das postagens populares personalizada será preciso remover a personalização anterior para experimentar uma dessas que estou mostrando hoje.

5- Uma dica boa é: faça sempre os testes em um blog de testes com template idêntico ao de seu blog real. Assim você vê de antemão exatamente como fica antes de inserir no blog "oficial".

6- Finalmente: leia e releia o tutorial até o fim, bem como os códigos. Certifique-se de haver entendido, e mãos à obra!

Mega tutorial, né?
Na verdade praticamente 5 em 1 pra começarmos muito bem o ano de 2017!

Quero aproveitar para agradecer você que acompanha o blog, que estuda os tutoriais, que se esforça e que volta pra agradecer com palavras fofas, lindas e gentis!
Saiba que é por você que essa categoria Dicas para blogs do blog existe!

Por você que deseja aprender, que é educado ao pedir ajuda quando não entende algo ou quando não consegue realizar algum tutorial.
Passo horas, algumas vezes dias, testando, decifrando, aprimorando e montando tutoriais do jeito mais elucidativo possível, pensando em você!
Muito obrigada por me acompanhar, me motivar e me ajudar divulgando meus posts!
Posso contar contigo?
Em 2017 tamo junto!