3 Modelos prontos de Postagens Populares para seu blog | Quero Dicas | Tutoriais para seu blogs


3 Modelos prontos de Postagens Populares para seu blog

3 Modelos prontos de Postagens Populares para seu blog

Hoje eu trouxe para vocês, 3 modelos prontos de Postagens Populares para o seu blog. Afinal, quem não gosta de deixar o layout do blog bem estiloso? Criar postagens com lindas imagens, ótimos textos e ter um template lindo, é tudo que todo blogueiro quer e merece.

Por isso, trouxe 3 dos 5 modelos publicados pelo blog Helplogger. Eu selecionei três dos cinco que eu julguei mais lindos, especialmente para você. 

Vou parar de trá lá lá. Vamos direto ao tutorial.
Sempre recomendo: Faça um backup do seu template ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências a um blog de teste! Caso não saiba fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu blog.

Passo 1: Adicionando widgets Postagens Populares ao blog

Para adicionar o widgets Postagens Populares ao seu blog, basta seguir os passos:

2- Vá em "Layout" e clique em "Adicionar um Gadgets"
3- Agora procure por "Postagens Populares" e clique sobre o mesmo.
4- Selecione:

Título : Escolha um nome para o seu widgets. Ex: Mais vistos, Posts Tops, etc.

Mais visualizadas : Defina o tempo de popularidade dos seus posts. Ex: As postagens que foram mais vistos nos últimos 7 dias ou 30 dias ou desde o início do seu blog

Exibir :  ► Selecione "Miniatura de imagem",  Escolha se você quer mostrar junto com ela um trecho do resumo do post.  → Lembrando que cada estilo de widget tem exigências diferentes. Por isso, escolha o que mais se encaixa sobre cada um.  Escolha a quantidade de itens de imagem em miniatura você quer que apareça.

Postagens Populares

5- Clique em "Salvar"
6- Deslize o widgets para onde você quer localizá-lo e clique em "Salvar organização"

Passo 2: Escolha o seu Modelo 

1 - Escolha um dos três modelos abaixo.
2 - Clique na imagem escrito Acesse para copiar o código CSS do modelo escolhido.
3 - Siga para o passo 3

Postagens Populares estilo 1 :
Grandes Preview com pequeno títulos embaixo
Modelos prontos de Postagens Populares

Clique abaixo para copiar o CSS



Postagens Populares estilo 2:
Postagens Populares numeradas

Modelos prontos de Postagens Populares
Imagem retirada do post original Helplogger

Clique abaixo para copiar o CSS



Postagens Populares estilo 3:
Postagens Populares com box colorido
Modelos prontos de Postagens Populares

Clique abaixo para copiar o CSS



Passo 3: Adicionando o Modelo ao HTML
Escolhido o seu modelo, ainda no painel do Blogger, siga os passos:

1- Clique me "Modelo" e "Editar HTML"
2- Clique em qualquer lugar dentro da área de código e pressione CTRL + F para a caixa de pesquisar  abrir.
3- Digite a seguinte tag:

</ Head>

4- Logo acima da tag encontrada, copie e cole um dos códigos dos modelos prontos de Postagens Populares que você escolheu acima. 
5- Visualize e se estiver tudo certo. Salve.
Dificilmente, alguns casos ao adicionar o CSS acima da tag, ela não funciona. Caso isso aconteça, adicione o código ABAIXO da tag </ Head>
Observações:
• No código CSS eu colori em vermelho onde você poderá alterar: fontes, tamanhos e cores. 
• Em todos os 3 modelos estão sendo usados a fonte Oswald. Caso não tenha esta fonte em seu template e queira adicionar, você precisa colocar o código abaixo:

1- Procure no HTML do seu template por: <Head>
2- Logo abaixo dele, cole:

 
<link href='https://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'/>


3- Salve e Pronto!

Nota:
Logo no início dessa postagem, eu informei que selecionei três dos cinco que eu julguei mais lindos de postagens populares no blog Helplogger. Para ver os 5 modelos da postagem original, clique e acesse: 5 Best Popular Posts Widgets for Blogger

Quer ver outros estilos postados aqui no Quero Dicas? Acesse:

Gostou? Então deixe seu comentário! Ele é minha fonte de inspiração =D
Beijinhos

 Bia Barros In Service