Postagens Populares Colorful para Blog | Quero Dicas Quero Dicas : Postagens Populares Colorful para Blog

Quero Dicas : Postagens Populares Colorful para Blog

Postagens Populares Colorful para Blog

|


Como toda blogueira, sempre entro e saio de todos os tipos de blogs, principalmente, os de moda, adoro!
E como sempre, em muitos casos, acabo entrando em blogs ou sites que trazem dicas para blogs, assim como este (Quero Dicas).

O faro é: Existem milhares de nichos iguais pela internet e como de costume, sempre vejo se a algo legal, interessante ou diferente para trazer para vocês. Bem... Achei este!

O site DTE, disponibilizou um Widget para postagens populares colorido para blog.  O visual é como este da imagem ao lado ←

Para instalá-lo, basta seguir o nosso básico HTML do modelo, aplicar, salva e Pimba! já está adicionado, não precisa subir e descer várias vezes dentro do HTML. 
Vem ver: 

  PASSO BÁSICO

Eu sempre recomendo fazer 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 ao blogs de teste! Não sabe fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu blog.
1 - Acesse o painel do seu blog

2 - Vá em "Modelo" e "Editar HTML"

3 - Tecle Ctrl + F para abrir a caixa de busca.

4 - Procure por:

 ]]></b:skin> 
 

  PASSO 2 - O CÓDIGO


1 - Agora que você achou, copie o código e cole logo acima dele:



2 - Salve e prontinho. Suas postagens populares estão lindas e coloridas.

Caso você não saiba como colocar o Gadgets de Postagens Populares em seu blog, veja:
Como colocar Postagens Populares no blog - Blogger.
Agora, se quiser personalizá-lo com outras cores, veja abaixo.


  COMO PERSONALIZAR

Entre novamente (caso você tenha fechado) no HTML do seu blog e vá para o código do Widget instalado (veja o processo anterior).

► Troque:
• font: normal normal 13px - Tamanho da fonte
Arial Narrow - Troque a fonte

O restante não indico mexer

► Onde está escrito /* Conjunto das cores por nível */, você poderá alterar as cores por nível,
Exemplo:

.PopularPosts ul li:nth-child(1) {background-color#E11E28;margin-right:1%}

Este exemplo é o primeiro item destacado (sua postagem em 1º lugar). Ela está na cor vermelho, caso queira alterar, troque #E11E28 pela cor que desejada.

Aqui a tabela de cores - AQUI

Gostou? 
Beijinhos


Compartilhe


Nenhum comentário:

Postar um comentário


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Por favor, não adicione links externos nos comentários.

Beijinhos ♥

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir