15/01/2015

Tutorial: Modelo de data igual ao meu

Hi cherries!
Tudo bem? Eu recebi Terça-Feira um pedido de tutorial do Cleiton, e o pedido era de como deixar o modelo da data assim como o que eu uso aqui no blog. E quero também dar os créditos ao Kawaii World pelo tutorial. Vamos ver?
1. Primeiro vamos em layout > onde esta o ¨Postagens do blog¨ logo abaixo terá um editar > clique ali > escolha o modo que quiser.
2. Vá ai HTML do seu blog > de CTRL+F > Procure por: .main-inner h2.date-header {
3. Cole o seguinte código:

font: Sofia;
color: #fff;
margin-left: -60px;
background: #340034;
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: #000;
}

4. Modifique o font: Sofia com a fonte que quiser. O color com a cor que deseja na data. O Margin-left você altera por right se quiser ele na direita, e o -60px é o quão afastado ele fica. O backgroud você coloca a cor a qual quer no fundo, e o último backgroud a cor quando passar o mouse. Dúvidas? Pergunte nos comentários! Kisses candy!

15 comentários:

  1. Muito Obrigado Por Atender Meu Pedido !
    Beijos !

    ResponderExcluir
  2. Amei o tutorial,muito bom.
    Aceita afiliação?

    http://girlthingweb.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado ♥. Claro!
      Kisses candy ♥

      Excluir
  3. Adoreii! Gosto muito do modelo da sua data é perfeita!

    There | Fluffy White

    ResponderExcluir
    Respostas
    1. Eu fico feliz que tenha gostado ♥.
      Kisses candy ♥

      Excluir
  4. Esse tutorial foi bem útil, obrigada, irei guardar aquii ♥

    MadnesShoujo | [visite]

    ResponderExcluir
    Respostas
    1. Eu fico feliz que ache isso!
      Kisses candy ♥

      Excluir
  5. Adorei o Tutorial, fica muito fofo no Blog mesmo ^^

    Bjos Milk And Nick

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado ♥. Concordo *-*.
      Kisses candy ♥

      Excluir
  6. Adorei o tutorial! Esse modelo de data ficou muito legal!
    Bjs
    blogtrashrock.blogspot.com

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado ♥. Concordo ><.
      Kisses candy ♥

      Excluir
  7. Eu acho esse modelo de data tão fofo *-* Simplesmente amo >< Kisses♥♥♥

    ResponderExcluir
  8. Ótimas dicas!

    Isabel Sá
    http://brilhos-da-moda.blogspot.pt

    ResponderExcluir

♥ Não falar palavrões
♥ De sua opinião, porém seja educado
♥ Se não gostar de algo e acha que deve melhorar, fale, mas educadamente
♥ Não ofender as postadoras
♥ Troco comentários
♥ Antes de pedir algo, fale sobre o post ou seu comentário será ignorado
♥ Aceito: ¨Seguindo, segue de volta?¨
♥ Não me peça para D-I-V-U-L-G-A-R algo a qual eu não estou participando, se caso eu gostar de algo no seu blog, eu irei divulgar por vontade minha.