17 abril 2015

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 que trazem dicas para blogs, assim como este.

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


Nenhum comentário:

Postar um comentário

Amigos do Blog



Agregadores