/* Script ------------------------------*/

21 agosto 2014

Tutorial: Como deixar sua data personalizada.


 Olá minhas lindas, vou mostrar a vocês, como personalizar a data de seu blog, para ficar mais Cute rsrs.  

 
Primeiro você vai até seu blog, clique em modelos, clique em editar HTML:


 

Depois de clicar em HTML, aparecerá isso:




Aperte Ctrl+F de seu teclado dentro do quadrado e aparecerá a caixa de pesquisa, lá você digita esse símbolo, ]]>

Depois cole esse código aqui, em cima do símbolo que você encontrou.




@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.main-inner h2.date-header {
font-family: silkscreen;
margin-right: -59px; /* Altere o valor até que fique do tamanho certo */
margin-top: 10px;
float: right;
font-size: 8px;
padding: 5px;
color: #fff; /* Cor da Letra */
background: #bc8fbc; /* Cor do fundo */
text-shadow:#767676 0px 1px 1px;
box-shadow: 2px 2px 3px #ccc; /* Sombra */
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-left-radius:0px;
border-bottom-right-radius:10px;
-webkit-transition-duration: .50s;
}
.main-inner h2.date-header:hover {
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
font-family: silkscreen;
-webkit-transition-duration: .50s;
background: #DB7093; /* Fundo hover */

}


Os códigos de cores roxas, são os das cores que vocês podem modificar do gosto de vocês, vou deixar aqui uma tabela de cores, para vocês escolherem a vontade:


Então é isso, espero que tenha ajudado e até a próxima. Mil beijos... 

 

 

2 comentários:

  1. Ainda tenho problemas com HTML :( tive que pagar pra fazerem o meu pq consegui um bug no meu e eu não ia conseguir lançar no prazo :/ mas adoro essas diquinhas, ajuda a quem quer deixar o blog mais fofo *------------*

    ResponderExcluir
    Respostas
    1. Eu consegui sozinha, todos os dias descubro algo novo, mais perco muitaaaasssss horas mexendo no blog.

      Excluir