Tutorial - Data Personalizada!


Ooi <3
Como vão? Hoje trouxe um tutorial fácil para a Data, visto que as datas são sempre a mesmas, resolvi trazer! Não é? Bem ela fica Fofa,porém Infelizmente não tenho preview, mas façam em um blog de testes e vejam, okay? 

Desculpem, e vamos Lá!


Antes de mais nada, você vão precisar ir em Configurações > Formatação e mudar o formato de data para o abaixo:


Depois de salvar , vá em Design > Editar Html aperte Ctrl + F e procure por

.main-inner h2.date-header {

Abaixo disso cole:

font: Tahoma;color: #333; margin-left: -80px;
background: #f49cca;
float: left;
font-size: 11px;
padding: 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.main-inner h2.date-header:hover {
background: #87cefa;
}
Bem, dá pra entender tudo! Tahoma é a fonte, e onde tem color é a cor, background é o fundo, mude do jeito que quiser! E 5px é se quiser deixar a borda arredondada! Fica linda a data e é super fácil! Gostaram? Beijos~

Créditos Kawaii World c:

2 comentários

- Se quiser um post, peça na ask !

- Se não gostou, não use palavras ofensivas. Ninguém precisa rebaixar-se a tanto para expressar a opinião.

- Leio todos os comentários, respondo e retribuo sempre que o tempo deixa.