Postagens populares- 5 modelos para personalizar e deixar seu blog lindo! - * Blog Elaine Gaspareto *

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

em 02/01/2017

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:

como colocar as postagens populares no blog

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!


13 comentários via Blogger
comentários via Facebook

13 comentários:

  1. Show ! Mas tenho uma duvida , gostaria de saber , se é possível bloquear uma postagem , pra que ela não apareça entre as postagens que serão exibidas pelo gadget ..

    ResponderExcluir
    Respostas
    1. Mister X, não tem jeito. O gadget captura automaticamente com base nas visualizações registradas pelo Blogger...

      Excluir
  2. UM 2017 FELIZ E ABENÇOADO A VC. E FAMÍLIA!!!
    BJS.

    AUDENI

    ResponderExcluir
  3. Muito bom o texto, valeu pela ajuda!
    Sucesso para seu blog.

    Casal conselheiro
    http://casaldeconselheiros.blogspot.com.br/

    ResponderExcluir
  4. Não sei o que seria de mim sem as suas postagens Elaine!! :) Adoro! Obrigada!

    ResponderExcluir
  5. Eu achei bárbaro, Elaine, só não sei se vou dar conta de fazer, sou tão limitada.
    Um beijo.

    ResponderExcluir
  6. Olá Elaine, eu sigo seu blog pois acho um blog muito agradável e com bons tutoriais, bem estou tentando aprender a usar HTML, considero muito difícil então pego templates prontos para configurar, em um desses eu tento colocar as postagens dentro dos menus (submenus também) e nunca dá certo, já que o menu pode ser encontrado apenas nos códigos. Tentei páginas, adicionando marcadores e o próprio gadjet, tentei também lista de links, mas não dá certo, poderia fazer um tutorial ensinado a colocar as postagens dentro de menu (submenus também) dada essas condições?
    Agradeço desde já.

    ResponderExcluir
  7. Olá Elaine, meu menu (com submenus) é encontrado apenas nos códigos HTML, de um template grátis que encontrei, porém quando tento adicionar minhas postagens ao menu (submenu também) não consigo, já tentei de todas as formas, como Usando marcadores e com o gadjet páginas e também com as páginas do blogger, tentei optar por lista de links, mas nada dá certo, poderia fazer um tutorial ensinado a pôr as postagens nos menus e submenus nessas circunstâncias?
    Obrigada, aguardo breve retorno.

    ResponderExcluir
    Respostas
    1. Brenda, depende muito do template, mas em geral a forma de adicionar links é a mesma. Qual o endereço de seu blog?

      Excluir
  8. Oi Elaine!!! Nos códigos dos modelos 2 e 3 não tem o COLE O CÓDIGO JAVASCRIPT ACIMA DE body só no 1, ele serve para os modelos 2 e 3 também? Beijos.

    ResponderExcluir
  9. Oi Elaine, não sei porque mas as imagens do meu gadget ficam sempre desfocadas, e as imagens que uso são com boa resolução, você tem alguma ideia do que possa ser?

    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…



Visualizações

Contando...

Dias online
Postagens
comentários