Vamos aprender mais um formato (lindo!) para exibir os posts mais vistos do blog?
Ficará assim, em formato grid, onde o título do post surge ao passar o cursor:
Para instalar em seu blog siga os passos abaixo:
1- Coloque o gadget Postagens populares em seu blog, caso não tenha.
Acesse, no painel do blog, a aba Layout, clique em Adicionar um gadget e escolha Postagens populares. Defina como quer a exibição. Salve.
2- Acesse a aba Modelo de seu blog e clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e digite ]]></b:skin>.
Tecle Enter para localizar.
ACIMA disso cole este código:
Copiar o código
Altere os campos que deixei marcados para que combine com as cores e fontes de seu template e salve.
Simples e lindo demais!
Dicas extras:
Caso seu blog já tenha alguma personalização nessa área dos posts mais vistos/populares precisa retirar antes de inserir este, ok?
Quando for instalar o gadget Postagens populares prefira deixar sem mostrar o snipt, e prefira múltiplos de 3 para a quantidade de posts exibidos.
Gostou?
Espero que ajude, e que deixe seu blog lindo e bem arrumado!
Enjoy!
Ficará assim, em formato grid, onde o título do post surge ao passar o cursor:
Para instalar em seu blog siga os passos abaixo:
1- Coloque o gadget Postagens populares em seu blog, caso não tenha.
Acesse, no painel do blog, a aba Layout, clique em Adicionar um gadget e escolha Postagens populares. Defina como quer a exibição. Salve.
2- Acesse a aba Modelo de seu blog e clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e digite ]]></b:skin>.
Tecle Enter para localizar.
ACIMA disso cole este código:
Altere os campos que deixei marcados para que combine com as cores e fontes de seu template e salve.
Simples e lindo demais!
Dicas extras:
Caso seu blog já tenha alguma personalização nessa área dos posts mais vistos/populares precisa retirar antes de inserir este, ok?
Quando for instalar o gadget Postagens populares prefira deixar sem mostrar o snipt, e prefira múltiplos de 3 para a quantidade de posts exibidos.
Gostou?
Espero que ajude, e que deixe seu blog lindo e bem arrumado!
Enjoy!
13 comentários via Blogger
Dias online
Postagens
comentários
Que lindo esse! Mas gostei do último que fiz, por enquanto não vou mudar.
ResponderExcluirBeijos.
Blog Jovens Mães
Parabénnnnnnnnnnnns! Tudo de bom, amoreca! E que venham mais leitores, mais clientes e mais posts. Beijoooooo
ResponderExcluirAdorei Elaine! Sou nova aqui mas já admiro tudo o que você faz. Inseri no meu blog, se quiser dar uma olhadinha... www.despertandocapacidades.com.br. Queria saber se tem como colocar em duas colunas ( igual a foto do seu post), porque o meu ficou como uma lista. Obrigada e muito sucesso!
ResponderExcluirKellen, para ficar em 2 colunas precisa reduzir o tamanho das miniaturas.
ExcluirDo jeito que está não ficará...
O ideal é que fique na sidebar, e se quiser em 2 colunas terá que ser menor...
bjssss
Vc sempre com dica e tutoriais excelentes <3
ResponderExcluirAdorei
Blog Simples e Doce
Hello, minha querida Elaine!
ResponderExcluirVocê sempre nos proporcionando dicas maravilhosas!
Beijinhos, abençoada semana ♥
Oi Elaine, bt!
ResponderExcluirEu tentei colocar no blog e acho que deu problema no código, agora quando eu entro em modelo e "agora no blog" aparece uma mensagem de erro que eu não consigo ler. Tem como reverter isso e voltar p/o modelo do meu blog?
Obrigada!
Bjss
Sim, basta você apagar o código todo que inseriu e salvar, ou reinserir o backup original do template...
ExcluirOi Elaine, bom dia e obrigada pela atenção!
ExcluirBjssss e uma semana de sucesso e abençoada p/vcs
NÃO DEU CEERTO ELAINE, EM "]]>aqui" DÁ ERRO NA COLUNA 8 QUE ASSINALEI, SE TIRAR FICA NORMAL SE BOTAR RECLAMA e não salva. .
ResponderExcluirRodinei, se seu template for um dos modelos de visualização dinâmica não vai salvar, eles não aceitam personalização.
ExcluirSe for um template modificado também pode dar erro.
Se for um nativo do Blogger sugiro que releia o tutorial e veja se não deixou escapar nada...
por favor me ajude, eu fiz exatamente como falou, mas quando salvo no blog aparece todo o codigo no começo do blog, em cima do cabeçalho.
ResponderExcluirAryane, muito provavelmente você está colando o código css em local errado.
ExcluirReleia o tutorial, certifique-se de colocar exatamente onde indico...
Se colocar em outra área pode mesmo dar erro...