Data personalizada no seu blogger



Hi Candys!
Bom Primeiramente queria dar os Créditos ao Mistério do Brilho Pelo Tutorial e Queria Pedir Desculpas por Não ter postado aqui no blog estava sem nada para Postar mais vou voltar a postar aqui no Blog :D,Bom Hoje vou Trazer Um tutorial De "como personalizar A Data do seu blog" vamos começar? Então Leia Mais 


Sua data ficará assim:

 

 Primeiro, vá até Configurações > Formatação > Formato da data, e ajuste a data como na imagem:
"Dia Mês Ano"
Salve, em seguida vá até seu HTML (Design > Editar HTML e na nova interface: Modelo > Editar HTML > Prossseguir) e procure por:
.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}
Então substitua esse código por:

.main-inner h2.date-header {
float: left; /** data no lado esquerdo, pode mudar para right **/
width:55px;/** largura **/
height:55px;/** altura **/
overflow:hidden;
font-size:15px;/** tamanho da fonte **/
color: #fff !important;/** cor da fonte **/
text-align:center;/** alinha o texto **/
margin-bottom: -65px; /** desce **/
margin-left: -80px; /** margem pra esquerda **/
padding: 8px 2px 0px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/
-webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/
background: #FF6C91; /** cor do fundo **/
}
.main-inner h2.date-header:hover {
background: #E9B4BB; /** cor do fundo hover **/
}
Observações:
- Se colocar right em float, mude margin-left por margin-right.
- Para mudar a cor do fundo é só trocar o código da cor (tabela aqui).
- Se a data estiver saindo pra fora do circulo diminua o tamanho da fonte.
- A data ficará com a mesma fonte do titulo do post. Se quiser outra fonte adicione:
font-family: nomedafonte; antes de color: #fff !important;/
- Dependendo da sua fonte e tamanho pode ficar meio desconfigurado, aí é só você fazer os ajustes necessários (mudar valores de padding, margin, font-size, widht, height etc) e deixar do jeito que você quiser.

Comentários

  1. Oi amore aqui está o tutorial que você me pediu, espero que goste e comente! Beijão :*

    http://misteriodobrilho.blogspot.com.br/2014/07/tutorial-como-por-status-no-blog-icones.html

    ResponderExcluir
  2. Muito Obrigada , Foi o único tutorial que me ajudou , os outros davam sempre errado.. Ótima explicação..
    Beijos ♥

    ResponderExcluir
  3. Gabriella Ficamos felizes em saber que te ajudamos, Lembrando que o Tutorial saiu do Mistério do Brilho então créditos a eles...

    Kisses Candys! | XOXO

    ResponderExcluir

Postar um comentário

❄ Comentários anônimos são aceitos
❄ Respeite os coleguinhas e a opinião deles
Spams serão excluídos
❄ Palavrões não são proibidos, mas não tenha uma overdose de palavrões, por favor

Postagens mais visitadas deste blog

Sobre - Demi Lovato

Centralizando cabeçalho do blog