dicas blog
Home » , , » Personalizar a data do blog parte postagens

Personalizar a data do blog parte postagens

0

Hoje  trago   uma  personalização na   data das  postagens   do  blog , para quem  curte  personalização de  bog  gosta   de  deixar o  blog  bem  modificado  vai  curtir esse tutoria  bem  simples  de   fazer   e   rápido,  lembrando  que  o  código   varia  de tenplate  para  tenplate  então você    sabe  se  não  encontrar  nada   disso  você  pode   encontrar  outras   formas  de  fazer  isso.   procurando  em  outros  blogs  ou   pesquisando  aqui   mesmo,   fique   a    vontade  para   fazer  isso  galera  siga  os passos abaixo e comece  o  tutorial .

 
Vá em Modelo > Editar HTML > Ctrl + F e procure por:







.main-inner h2.date-header { font: $(date.font); color: $(date.text.color); }

Ele pode  estão   um  pouco  diferente  então preste  bastante   atenção 

Após  encontrar   substitua   todo  ele pelo  código abaixo  Clique  visualizar ou salvar

.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 **/ }


Agora  vamos  mudar    o  estilo   da    data  a  forma   dela   se   preferir


Va em configurações  idioma e  formatação 

Depões   escolha   o  formato  em  formato  da data ?

Depões disso  clique  em  salvar  configurações  



0 comentários:

Postar um comentário