Sua versão nativa é funcional mas bem simples, então o ideal é personalizar.
Veja o modelo que trago hoje para te ensinar:
Quer aprender os truques para ter esse modelo de postagens populares personalizadas em seu blog?
Vamos lá!
Comece acessando a página com os códigos que vamos usar:
A seguir vá até o painel administrativo de seu blog (ou do blog de testes, como sempre sugiro) e clique na aba Layout. Aí clique em Adicionar um gadget e dentre as opções que surgirem escolha Postagens mais visitadas e configure assim:
Salve, arraste para onde deseja que fique e salve a alteração do Layout.
Caso seu blog já tenha o gadget Postagens mais visitadas instalado pule essa parte.
Agora clique na aba Tema de seu painel e a seguir clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e na barra de pesquisa que expandir digite ]]></b:skin> e tecle Enter para localizar.
Acima disso cole o CÓDIGO CSS.
Salve.
Importante:
Esse CÓDIGO CSS é o código que define coisas como cores de fundo, cor do texto, etc.
Ajuste para combinar com seu blog e salve.
Calma que ainda não vai aparecer certo. Vamos adiante e depois voce pode voltar e editar cores e fontes.
Localize, na barra de busca, a tag de fechamento </body> e cole o CÓDIGO JAVASCRIPT acima dela.
Salve.
Agora vamos ao último ajuste, preste atenção!
Na barra de pesquisa digite data:post.featuredImage, 72, "1:1" e localize.
(o trecho pode ser copiado na página com o código do tutorial)
Achou?
Troque o valor 72 por 500 e salve.
Visualize seu blog e veja se deu certo.
E tá pronto!
Como eu disse acima troque cores para combinar com seu blog.
Todas as cores são precedidas do símbolo # e ao trocar o código a cor muda.
Leia o tutorial inteiro mais uma vez antes de começar a fazer, teste antes em seu blog de testes e caso futuramente queira mudar de modelo de personalização basta ir refazendo os passos e excluir o que inseriu.
Falou, lindeza?
Que legal gostei que ele faz esse efeito de subir a imagem ao passar o mouse. Se eu não cagar nos códigos vou ver se personalizo com esse hahaha
ResponderExcluirApenas eu, Day
Ola Elaine tudo bem ? Estou ficando velha rs... escreci um comentario para vc mas creio que nao foi... estou lendo tuas dicas mais antigas e tem alguns codigos la que nao sei aonde conseguir copiar... para testar... tenho um blog que esta parado anos e quero reativa-lo mas esqueci tudo rs.... meu site www.ArtesDeRosaCorujinha.blogspot.com e o email que estou usando eh Rosa.Corujinha@gmail.com.... agradeco de coracao se vc puder me retornar... grande abraco e tenha uma noite de sono renovadora !!! bjuuus
ResponderExcluirElaine, como deixo ele com o fundo transparente
ResponderExcluir