Como personalizar o contador de visualizações original do seu blog da plataforma Blogger


O Blogger possui um contador de visualizações mega eficiente. Ele não é um contador de acessos ou visitas, mas sim um contador que diz quantas vezes as páginas do blog foram vistas.

A imagem acima mostra as opções que você tem para usar no seu blog, mas vamos melhorar isso agora.

Veja as instruções abaixo de como personalizar o gadget original do Blogger?

Primeiramente vá no Layout depois em Adicionar um gadget e por fim escolha Estatísticas do blog.
Escolha a primeira opção, sem animação e sem imagem, e salve.
Arraste para onde deseja que fique e salve a alteração.
Agora clique na aba Modelo. A seguir clique em Editar HTML dê um clique dentro da caixa de código tecle Crtl+F e em seguida aparecerá a barra de busca e nela pesquise por:
]]></b:skin>

Tecle Enter para localizar e cole o código abaixo logo acima da tag encontrada.
Edite conforme sua necessidade (altere corres, fundo, etc...) e salve.


.Stats .counter-wrapper {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
background: #222222; /* cor do fundo*/
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important; /* cor da fonte*/
cursor:pointer;
font-weight:bold; /* fonte em negrito, apague se não quiser*/
line-height:1;
overflow:visible;
font-size:20px; /* tamanho da fonte*/
padding:5px;
padding-top: 15px;
margin-top: 5px;
margin-left: 50px;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:200px; /* largura do contador*/
display: block;
text-align: center;
}


Se você quiser ainda podes colocar uma imagem no background acrescentando o código abaixo no lugar de background: #222222; /* cor do fundo*/ no código acima.
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWfVtpcATZMM9MZ6lREpycy1qtzszF5JUwXRPbvUid9zsvD8Nv9Vtsn_Jk_w_vTiZeFoP8u3uLrpa5iUzqZCA8g0D3kL2cr0RXwG8x56h3SM1SZ36tGFk9XIFECRVFrtBM-8BkN796vAow/s1600/exemplodeimagem.png)

O resultado fica assim:


Mas, você pode mudar a imagem com a de sua preferência.
Até a próxima! 

Nota: Evite usar contadores "gratuitos" que encontramos em sites pela net afora.
Esses contadores são os maiores responsáveis pelos vírus que acusam malware nos blogs, sem contar que alguns, depois de um tempo, começam a fazer redirecionamentos não-autorizados.

Postar um comentário

0 Comentários