Personalizar o contador de visualizações do Blogger

Views:

Exemplo 1:

.Stats .counter-wrapper {
background: transparent url(https://4.bp.blogspot.com/-TbMNojPltSA/VzeScAm6ggI/AAAAAAABOy8/DbjTdPcUlKADMI4o76fkrqoMSBbsd6F4gCLcB/s1600/washi%2B6.png) no-repeat ; /* troque o endereço em azul para trocar o wish tape*/
height: 55px;
width: 215px;
color: #ffffff; /* cor da fonte*/
font-size: 32px; /* tamanho da fonte*/
display: block;
text-align: center;
margin-left: 40px;
padding-top: 12px;
}


Exemplo 2:

.Stats .counter-wrapper {
color: #D4C3B0; /* cor da fonte*/
background-color: #FFF3E9; /* cor do fundo*/
border: 1px solid #D4C3B0; /* cor e tipo da borda*/
box-shadow: 0 0 5px 3px #FFF3E9; /* cor da sombra*/
display: block;
text-align: center;
margin-left: 50px;
padding: 10px;
}



Exemplo 3:

.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;
}
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage