Hooy tudo bom com vocês? Hoje trouxe mais um tutorial que eu vou explicar como faz para personalizar a data do seu blog o.k.? Espero que vocês gostem, mas antes... 1,2,3,4 eu não vou pra escola que amanhã é feriado (kkkkk tá parei)
Gostaria de dizer a vocês que os posts daqui do blog, sempre serão feitos a tarde porque eu estudo de manhã. Então já sabem né? hahaha vamos ao tutorialclique em let's go baby.
Pra começar o tutorial você vai abrir seu blog (
Depois de arrumar a data desse jeito você vai salvar as configurações e pronto.
Agora vamos personalizar a data: Vá em modelo > Editar html > Ctrl + f e pesquise pela tag
.main-inner h2.date-header {Quando você achar essa tag vai ter algo parecido com isso:
Apague todo esse código e coloque no lugar esse aqui:.main-inner h2.date-header {font: $(date.font);color: $(date.text.color);}
font: normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;Onde está URL DO BACKGROUND você irá colocar uma imagem de fundo, separei algumas aqui:
color: #ffffff;/* cor da fonte da data */
background: url('URL DO BACKGROUND');
background-repeat: no-repeat;
text-align:center;/* alinha o texto */
font-family: 'Arimo', sans-serif;
font-size: 18px;
width: 80px;/* largura */
height: 80px;/* altura */
float:left;
margin-left: -55px;
margin-top: 5px;
padding: 9px 1px 2px 1px;
overflow:hidden;
line-height: 18px;
word-spacing: 25px;
}
Onde está escrito Arimo é o nome da fonte que eu escolhi, mas você pode colocar outra fonte ex: Verdana, Arial, Calibri. Entenderam? É isso meu povo beijos, ha e não deixem de comentar o.k.? Até mais, Xoxo *.*
Este comentário foi removido pelo autor.
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirOiiii o meu não tem o rpimeiro código,aparece 0 de 0
ResponderExcluirMe ajuuuuda
coloca em formatar modelo , dai espera um pouco , e da ctrl F ( ou F3 ) e procura o codigo e da um enter . prontinho :)
ExcluirOiiii o meu não tem o rpimeiro código,aparece 0 de 0
ResponderExcluirMe ajuuuuda
Este comentário foi removido pelo autor.
ExcluirOiiii o meu não tem o rpimeiro código,aparece 0 de 0
ResponderExcluirMe ajuuuuda
procura por h2. date header {
ExcluirAiih Ti Fofo,Amei O Tutu
ResponderExcluirObrigada, estava atrás disso *-*
ResponderExcluirhttp://purplestreakss.blogspot.com.br/
o meu tb dá 0 de 0 , ajuda?
ResponderExcluirMuiro legal esse post me ajudou pois ja estou procurando alteraçoes pro blog no proximo ano tanks :)
ResponderExcluirMeu blog: wwwblogpapoteen.blogspot.com.br
Oii o meu não tem o primeiro código,aparece 0 de 0
ResponderExcluirPode me ajudar?
Ai meu Deus! Estou há muuuuuuito tempo tentando achar esse código, só que todos que eu colocava davam errado! O seu funcionou perfeitamente e os modelos são lindos, vou colocar um e dar os créditos, tá?
ResponderExcluirObrigada!
Ameei o tuto! Obrigada flor ;)
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirEu não consegui colocar o primeiro código, fiz como você disse (para uma menina que estava com o mesmo problema), e formatei o modelo, esperei um tempinho, colei o código, e mesmo assim não apareceu!
ResponderExcluirEste comentário foi removido pelo autor.
ExcluirOI, muito obrigada pelo tuto! Me ajudou muito, estou seguindo seu blog, gostaria que visitasse ou seguisse o meu também! Obrigada e parabéns c;
ResponderExcluirsimsegredei.blogspot.com.br
Adorei o tutorial , já tinha procurado em vários outros blogs mas o seu foi o único que me ajudou!! Obrigada!!
ResponderExcluirhttp://blogmagicaldreams.blogspot.com.br/
Não tem outra forma de modificar a data da postagem a não ser por esses ".main-inner h2.date-header {" e ".main-inner h2.date-header {
ResponderExcluirfont: $(date.font);
color: $(date.text.color);
}" ??? O meu já está modificado esta parte.
Achei agora esse aqui:
ResponderExcluir<Variable name="date.font" description="Font" type="font"
Não sei se da pra ser.
http://mundofashionvih.blogspot.com.br/
Conseguiiiiiii , diwosaa :)
ResponderExcluirn consegui ;(
ResponderExcluirAdorei ficou lindo no meu blog.
ResponderExcluirMuiito obrigada :)
http://divabasica.blogspot.com/
não consegui :( não consigo achar o código: .main-inner h2.date-header
ResponderExcluirProvavelmente é o modelo que está usando. Este código não deve ter sido testado em todos eles.
ExcluirMuito útil! Mas não consegui usá-lo no Modelo Simples. Esse código foi testado em qual ou quais modelos?
ResponderExcluirObrigada XD ajudou bastante
ResponderExcluirMuito obrigada :) Ajudaste-me imenso, estou a aprender a fazer o meu próprio layout e todos os outros tutoriais sobre personalizar a data estavam dando erro... O teu foi o primeiro que deu certo :) Super beijo <3
ResponderExcluirFicou super fácil de fazer, o tutorial ficou ótimo, muito obrigada, ajudou bastante! <3
ResponderExcluirhttp://sampensou.blogspot.com
Peguei uma data :D bjs
ResponderExcluirdiamante--colorido.blogspot.com
Vou tentar,VLW
ResponderExcluirVocê pode visitar o meu blog e se gostar,
Segue?
Meu Blog
Ameii o tuto, ja to usando :3
ResponderExcluirmythings2.blogspot.com
Este comentário foi removido pelo autor.
ResponderExcluirÓtimaaa dica, usando muito aqui haha'
ResponderExcluirbeijos ♥
Filha do Rei | Deixe Seu blog de cara nova! encomende seu Layout
Perfeito, ficou bem melhor que o anterior <3
ResponderExcluirNão consegui :( Fiz tudo direitinho, e amei o tutorial pois é muito fácil, mas no final não deu, eu visualizei e não ficou com o background que eu escolhi.
ResponderExcluirNão consegui :( Fiz tudo direitinho, e amei o tutorial pois é muito fácil, mas no final não deu, eu visualizei e não ficou com o background que eu escolhi.
ResponderExcluirObrigadaaa *---*
ResponderExcluirMuito bom o tutorial! Passei umas duas horas ontem tentando fazer esse troço e nada. Finalmente consegui *-*
ResponderExcluirhttp://acasodemenina.blogspot.com.br/