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.
Que legal muuuito utiu esse tutu :DDD
ResponderExcluirhttp://simplesmenteassimj.blogspot.com.br/
nossa fica muito lindo a data heim ^^
ResponderExcluirhttp://garotoonerd.blogspot.com.br
Aaah ficou lecal, sabe que eu nem tinha reparado na data no blog :P Vou rever isso ae
ResponderExcluirKisses
Anne
meninasantendas.tk
Adorei como fica a data da postagem. adorei seu blog me visita?
ResponderExcluirhttp://blogbondmais.blogspot.com
Ameei o tuto , parabéns !
ResponderExcluirgarota-fashiion.tk
Amei e vou usar no meu próximo lay :)
ResponderExcluirhttp://encantosdeumaadolescente.blogspot.com.br/
*retribui o coment?*
Adorei o tutorial,muito bom! Gostei do seu blog,é lindo *-*
ResponderExcluirBeijos
www.blog-sweetluv.blogspot.com
Ameeei o tutorial! Vou tentar fazer!
ResponderExcluirBeijos,
blogmodaonline.blogspot.com
Adorei o tutorial! a data fica tão fofa depois!
ResponderExcluirbjs
http://blogtrashrock.blogspot.com.br/
Muito bom o tutorial, e a data fica muito bonita!
ResponderExcluirBjs
http://magicmih.blogspot.com.br/
Adorei o tutorial! Amei, linda seu blog é perfeito! Fique com Deus!
ResponderExcluirbeijos
docegloss.blogspot.com
Amei *---*
ResponderExcluir- Visite meu Blog: http://gah-principe-hype.blogspot.com/ veja as novidades bjs
^.^ amei o tutorial, seu blog é lindo tbem,
ResponderExcluirbjss
http://karinafotolog.blogspot.com.br/
Amei o tuto, achei lindo esse efeito na data ^.^
ResponderExcluirhttp://blog-letsbehappy.blogspot.com.br/
Ótimo tutorial bem explicadinho...
ResponderExcluirVim aqui agradecer a visitinha
tenha uma semana
um beijinho...
BarbieLicious Pink
Facebook
Twitter
Amei o tutorial , flor .
ResponderExcluirPela 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/
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/
ResponderExcluiradorei o tutorial
ResponderExcluirbeijos
http://poesia-de-uma-vida.blogspot.pt/
Oii linda,sinceramente estou levando uma vida toda pra acha esse main-inner,onde no HTML ele fica,me ajudem
ResponderExcluirQue lindo amei.
ResponderExcluirlost-inparadise1.blogspot.com.br/p/creditos_18.html