Postagens mais lidas com efeito colorido
Então vamos simplificar tudo em apenas 1 passo, que tal?
E de quebra ainda colocar um efeito giratório nas imagens.
Veja como ficará:
Para começar você precisa ter instalado em seu blog o gadget Popular Posts.
Faça assim:
Acesse a aba Layout de seu blog e clique em Adicionar um gadget.
Na caixa de opções que expandir selecione Postagens Populares e configure o gadget assim:
Troque o título se desejar, salve, arraste para onde deseja e salve as alterações em Layout.
Como personalizar o gadget Postagens Populares?
Agora vamos dar charme ao gadget.Acesse a aba Modelo de seu blog e clique em Personalizar.
Na coluna lateral esquerda selecione a opção Avançado.
Role as opções até achar Adicionar CSS. Clique nele.
Dentro da caixa que abrir cole este código:
Dê um espaço ao final do código (sim, use a tecla espaço para dar um espaço ao final do código).
Assim que o botão Aplicar ao blog ficar laranja clique sobre ele.
Está feito.
Dicas extras:
» Para trocar a cor de cada uma das células localize no código o termo background: #.
Por exemplo, este, que define a cor da primeira célula:
#PopularPosts1 ul li:first-child{
background:#ff4c54;
width:91%}
» Veja que o código numérico hexadecimal que marquei em pink define a cor de fundo da primeira célula.
Mude esse código para a cor que desejar.
Faça isso em todas as ocorrências de background: # e as cores mudarão.
Aqui tem uma tabela de cores para você escolher:
http://cores.gratuita.com.br/
» Não recomendo que mexa em mais nada no código, a menos que você tenha mais conhecimentos em HTML e CSS.
Gostou?
Não deixe de comentar, curtir, compartilhar!
Um clique apenas e você ajuda o blog a crescer e melhorar!
Achei muito lega, mas mexer , nem pensar...não entendo nadinha! abraços!
ResponderExcluirElaine, parabéns você é uma ótima profissional!
ResponderExcluirEstou aqui babando com tantas novidades!rsrs
Sucessoooooooooooo!
Beijão,
Alê
Alessandra Soares
alessandra-soares.blogspot.com.br
Ai que coisa mais fofa! Adorei!!!
ResponderExcluirQuem me conhece sabe que eu adoro esse tipo de detalhe...coisinhas que giram, janelinhas que abrem e fecham (lembra de você personalizando meu blog e eu te dizendo que queria as tais "janelinhas" como as do seu blog? kkkk)...
Obrigada por ensinar!
Beijinhos,
Cris
Oi Elaine, muito bom o tutorial, tão bem explicado que até ficou fácil de fazer, parabéns!
ResponderExcluirSó fiquei um pouco em dúvida quando fui adicionar o código. É que quando clicamos em "Personalizar", e depois em "Avançado", ainda não abre a caixinha para inserir o código, é preciso também clicar em "Adicionar CSS".
Há, e uma dica para o pessoal; dá para alterar a quantidade de postagens que se quer exibir, alterando direto no gadget Popular Posts, de 10 postagens como está na imagem acima, para a quantidade que desejar. (No meu pelo menos funcionou muito bem até agora).
Muito obrigado por compartilhar mais este tutorial!
Abraços!
Guilherme, muito obrigada pela dica, eu realmente havia esquecido de mencionar que precisa colar o código na opção Adicionar CSS.
ExcluirJá corrigi, obrigada.
mt bom, obg pela ajuda !!
ResponderExcluirhttp://moderna-a-modaantiga.blogspot.com.br/
Deu super certo, e ficou lindooooo
ResponderExcluirvaleu Elaine!
Sucesso
Obrigado pelas dicas Eliane, estou precisando dar uma renovada em meu blog e você tem me ajudado com suas dicas!
ResponderExcluirBjkas!
Olá amiga Elaine...Acredito que não exista ninguém mais medrosa do que eu quando o assunto é mexer no hyml/css do blog. Tomei coragem, criei um blog de teste para colocar postagens coloridas com efeito que eu tanto amei. Acredite fiz tudo como você orientou....não deu certo. digo: não apareceu a janela que você refere quando seleciono a opção avançado para colocar o código. pois é.... fiquei frustrada por não consegui. Abraços
ResponderExcluirOi, Elaine querida.
ResponderExcluirGostei, apliquei e deu tudo certo.
Parabéns e obrigada. Beijocas.
gostaria muito de ter essa postagem populares com esses efeitos mais para mim não deu certo....alguém pode me ajudar.....
ResponderExcluirParabéns, seu blog é demais!!!!! Adorei as dicas, usei algumas em meu blog!
ResponderExcluirBeijão
Oi Elaine bem legal a dica fica super !!!
ResponderExcluirBeijnhos
Deus abençõe
Oi Elaine, consegui fazer!!! Ebaa!!! rs
ResponderExcluirMt obrigada! Excelente tutorial! Como sempre!!! :)
Bjs
www.viveraprendendo.com
Querida muito obrigada, fiz e deu certinho. Deus o abençoe.
ResponderExcluirwww.casacomamorearte.blogspot.com
adorei deu certo
ResponderExcluirhttp://mahbeira.blogspot.com
mas no lugar de selecionar apenas as matérias da ultima semana eu coloquei do ultimo mês que tbm deu certo.
Só na opção "tudo" todas as matérias do blog que nao dá...
beijooos
Fiz ficou lindo, mais uma vez obrigada
ResponderExcluirbjus
Consegui fazer ficou legal, obrigada! Seu blog foi pro blogroll, vc é um amor! Bjs!
ResponderExcluirAdmiro muito trabalhos bem feitos! E o seu trabalho é encantador. Gosta do que fazes e não tens medo de ajudar as pessoas!
ResponderExcluirParabéns.
Eu apliquei no blog. Aliás, aprendi a mexer no blog todo com suas explicações. Obrigada mesmo!
Post compartilhado!
Beijos.
Blog Jovens Mães
Nossa meu blog ficou 10 com essa dica, obrigado.
ResponderExcluir