29/05/2012

NL -- Data da postagem personalizada.

               
Hoje eu vim postar um tutorial muito pedido aqui nas garotas do NL, resolvi postar hoje por pedido de umas das queridas seguidoras do blog que é a dona do blog Cherry Star. O tutorial como o titulo já está dizendo data da postagem personalizada. Quem ta nas nuvens a data da postagem que irei ensinar a você como faz é essa: 
                                                  Vamos ao tutorial?



Vá em Painel  Configuração  Idioma e formatação. 
e Deixe ajustado dessa forma :


Vá em Painel  Modelo  Editar HTML. 
Aperte F3 ou Ctrl + F
Procure por: 


                        .main-inner h2.date-header {

  Colocando abaixo desse código :


/** Data personalizada pela As Garotas do NL **/
font: Century Gothic;
color: #000000;
margin-left: -0px;
background:  ;
border: 1px dotted #000/*-- Não modifique se quiser os detalhes iguais ao meu --*/
float: left;/*-- Não modifique se quiser os detalhes iguais ao meu --*/
font-size: 12px;
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; /*-- Não modifique se quiser os detalhes iguais ao meu --*/
border-radius: 4px;/*-- Não modifique se quiser os detalhes iguais ao meu --*/
}
/** Fim da data pela as garotas do NL **/

                                                Entendendo o código:
          Font: Qualquer fonte que você deseja usar só basta colocar o nome.
          Color: Você vai colocar a cor do separador ( /; : ) da data.
          Background: O fundo da data, no meu caso está transparente.
          Float: Você vai colocar em que lado você quer que fique a data ( Right- Lado direito; Left- Lado Esquerdo) X: No meu caso está lado Esquedo(Left).
          Border: Se você vai querer pontilhado ou normal. ( Dotted - Pontilhado ou Solid - Normal )
             Observação: Só basta trocar o Dotted pelo Solid ( vice versa )
           #000: È a cor da borda da data, vocês vão colocar a cor que quiserem.

                       È só visualizar ( se estiver tudo certinho) Salve.
                                        Créditos: As Garotas do NL.

20 comentários :

  1. Que legal muuuito utiu esse tutu :DDD


    http://simplesmenteassimj.blogspot.com.br/

    ResponderExcluir
  2. nossa fica muito lindo a data heim ^^
    http://garotoonerd.blogspot.com.br

    ResponderExcluir
  3. Aaah ficou lecal, sabe que eu nem tinha reparado na data no blog :P Vou rever isso ae

    Kisses
    Anne
    meninasantendas.tk

    ResponderExcluir
  4. Adorei como fica a data da postagem. adorei seu blog me visita?
    http://blogbondmais.blogspot.com

    ResponderExcluir
  5. Ameei o tuto , parabéns !

    garota-fashiion.tk

    ResponderExcluir
  6. Amei e vou usar no meu próximo lay :)
    http://encantosdeumaadolescente.blogspot.com.br/
    *retribui o coment?*

    ResponderExcluir
  7. Adorei o tutorial,muito bom! Gostei do seu blog,é lindo *-*
    Beijos
    www.blog-sweetluv.blogspot.com

    ResponderExcluir
  8. Ameeei o tutorial! Vou tentar fazer!
    Beijos,

    blogmodaonline.blogspot.com

    ResponderExcluir
  9. Adorei o tutorial! a data fica tão fofa depois!
    bjs
    http://blogtrashrock.blogspot.com.br/

    ResponderExcluir
  10. Muito bom o tutorial, e a data fica muito bonita!

    Bjs

    http://magicmih.blogspot.com.br/

    ResponderExcluir
  11. Adorei o tutorial! Amei, linda seu blog é perfeito! Fique com Deus!
    beijos
    docegloss.blogspot.com

    ResponderExcluir
  12. Amei *---*

    - Visite meu Blog: http://gah-principe-hype.blogspot.com/ veja as novidades bjs

    ResponderExcluir
  13. ^.^ amei o tutorial, seu blog é lindo tbem,
    bjss

    http://karinafotolog.blogspot.com.br/

    ResponderExcluir
  14. Amei o tuto, achei lindo esse efeito na data ^.^

    http://blog-letsbehappy.blogspot.com.br/

    ResponderExcluir
  15. Ótimo tutorial bem explicadinho...
    Vim aqui agradecer a visitinha
    tenha uma semana
    um beijinho...
    BarbieLicious Pink
    Facebook
    Twitter

    ResponderExcluir
  16. Amei o tutorial , flor .
    Pela primeira vez to aqui , e amei , to comentando e seguindo , vo usar o tutorial lá no blog .
    Sem conta no layout que ta perfeito .

    Aceita afiliação amada ?

    Visita : http://blog-sweetimagination.blogspot.com.br/

    ResponderExcluir
  17. ja fiz no blog da minha amiga depois você lembra ela de por os créditos por favor tenho que termina hoje e não da tempo http://mesintodiva.blogspot.com.br/

    ResponderExcluir
  18. adorei o tutorial

    beijos

    http://poesia-de-uma-vida.blogspot.pt/

    ResponderExcluir
  19. Oii linda,sinceramente estou levando uma vida toda pra acha esse main-inner,onde no HTML ele fica,me ajudem

    ResponderExcluir
  20. Que lindo amei.
    lost-inparadise1.blogspot.com.br/p/creditos_18.html

    ResponderExcluir