Buenos dias, muchachas! Sim, isso é espanhol, mesmo que eu não saiba falar mais nada, hahaha ><
Hoje eu trouxe mais um dos tutoriais pedidos na ask, e dessa vez é um que eu mesma fiz. Então, como sempre, se você usar não pode esquecer de dar os créditos, ok?
É super simples de se fazer e o resultado é mega fofo! Ele é o modelinho que uso em todas as minhas encomendas e até aqui no blog. Se você estiver lendo esse post no futuro, aqui tem uma preview de como ele fica/ficou no meu blog de encomendas:
Primeiramente, vá no seu blog e clique em Configurações, depois em Idioma e formatação. Então desça até o "Formato da data" e mude para o modelo "24/01/12" (coloquei com a data com a qual postei esse tutorial, mas pode estar com uma diferente no dia em que você for fazer. O que importa mesmo é que o modelo seja esse).
Agora abra o HTML do seu blog e clique em "Expandir modelos de widget". Depois tecle ctrl+F e procure por .main-inner h2.date-header {
Vai aparecer um código parecido com esse:
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}
Então você só precisa apagar todo esse código e trocar por esse:
.main-inner h2.date-header {
font: Calibri; /* FONTE */
color: #000000; /* COR DA FONTE */
margin-top: 3px; /* AUMENTE PARA DESCER A DATA E DIMINUA PARA FAZER O CONTRÁRIO */
margin-left: -89px; /* AUMENTE OU DIMINUA PARA AJUSTAR */
background: #FFFFFF; /* COR DO BACKGROUND*/
float: left; /* MUDE PARA RIGHT SE A SUA SIDEBAR FOR NA ESQUERDA */
font-size: 13px; /* TAMANHO DA FONTE */
padding: 4px;
border-radius: 15px 0px 0px 15px; /* AUMENTE OU DIMINUA OS 15's PARA DEIXAR A BORDA MAIS OU MENOS ARREDONDADA */
border:1px solid #000000; /* TAMANHO, MODELO E COR DA BORDA */
}
Já está tudo explicadinho no código mesmo, então nem tenho
Post completo por Piink Cookie. Todos os direitos reservados. Copyright 2013. Plágio é crime.
É isso. Beijinhos com glitter :*
Adorei o tutorial, bem explicado, tava precisando mesmo *-*
ResponderExcluirA data fica bem fofa ^^
Beijos :3
http://garotasatrevidas-s2.blogspot.com.br/
Aaah, que bom que gostou Mille! Obrigada *----*
ExcluirUiiii...amei o tuto *0* nhac
ResponderExcluirAcho melhor esse tipo de data personalizada, quando der pra mim fazer eu faço *0*
nhaaaa, obrigadaaa....vou ficar esperando a foto heim!!?? hahah
Beijo, beijo...fica com Deus!!!
http://www.delicadinhah.com.br/
Aaaw, que bom que gostou! Okok *U*
ExcluirNossa, adorei o tutorial, ficou super bacana! Eu adoro o PC, um dos meus blogs prediletos!
ResponderExcluirTem post novinho no blog <3
Beijos e boa quinta!
Sugar Dance (clique no perfil para visitar)
Ooown, brigada Camilla >< Fico super feliz em saber disso!
ExcluirOkok *------*
uau! mais que data lindoona!, estou fazendo um lay, talvez eu use ein :) amei
ResponderExcluirAdolescente Nerd
Aaaah, ok *----* Obrigada!
Excluirnossa lindo demais seu blog parabéns *-*
ResponderExcluiramei o tutorial bem explicado
flor estou seguindo seu blog se poder seguir o meu de volta serei grata *--*
alinewdesigner.blogspot.com.br
Aah, obrigada, fico feliz que tenha gostado!
ExcluirMuito bom o tutorial...
ResponderExcluirTenha um ótimo dia,bjo
www.erciliawience.blogspot.com
Obrigada, bom que gostou! Você também ^3^
ExcluirAaai adorei o tutorial , mas não ficou como a previsão no meu :( Vou tentar refazer para ver se fiz algo de errado , mas é tão facinho , haha !
ResponderExcluirBeijos !
http://meninachicmc.blogspot.com.br/
Aaah, ok! Poxa, tomara que consiga arrumar D:
ExcluirMas que bom que gostou! *---*
Que lindo seu blog, estamos seguindo, e obrigada pela visita no nosso ! (:
ResponderExcluirBeijos.
http://juntasnovamente.blogspot.com.br/
Aah, disponha ^^
ExcluirPaula sempre arrasando nos tutos :3
ResponderExcluirAmei, apesar de usar modelos de datas mais simples.
Beijos!
chovendo--sonhos.blogspot.com
Ooown, brigada! >< Aaah, ok :3
ExcluirAaaaah, esta data é muito fofa! Pena eu já ter colocado um efeito na minha =/ Beijão!
ResponderExcluirJu, do Epílogos e Finais.
Ooown, brigada! Aaah, okok ><
ExcluirFicou muito legal essa data :)
ResponderExcluirVim retribuir a visita ao meu blog, volte sempre :)
www.mafelix.com.br
Obrigada *---*
ExcluirBem diferente essa data, gostei!!
ResponderExcluirwoman-decides.blogspot.com.br
Aaah, obrigada, fico feliz que tenha gostado! ^^
ExcluirEu uso esse tutorial, é mesmo muito incrível. ! :3
ResponderExcluirAcesso Permitido, retribui?
Sim sim ^^
ExcluirOi, eu não sei se vc aceita tags mas eu marquei você em uma, participe se quiser. Obrigada.
ResponderExcluirhttp://thingsofcandy.blogspot.com.br/2013/01/perguntas-e-respostas-tag-1.html
Aaah, não aceito flor, infelizmente. Mas obrigada por passar pra mim!
ExcluirAdorei o post, muito legal ;D
ResponderExcluirBeijos
http://cupcake-a.blogspot.com
Obrigada, bom que gostou!
ExcluirAdorei, fica ótimo!
ResponderExcluirwww.espacegirl.blogspot.com
Aaah, que bom que gostou!
ExcluirAdorei o resultado e é linda essa data coloquei no lay que eu toh fazendo :) claro que vou dar os créditos!
ResponderExcluirKisses :*
www.princesasdorocker12.blogspot.com.br
Aaah, okok, obrigada ^^
ExcluirAmei,o resultado Paulinha é super fofo,
ResponderExcluirBeijinhos*_*
Blog-Garotas-Imperfeitas.blogspot.com.br
Obrigada Andressa, fico feliz que tenha gostado! ^^
Excluiradorei o tutorial paula
ResponderExcluirexplicas muito bem :)
beijos, kethleen
ameeei esse tutorial, o resultado ficou super fofo *--*
ResponderExcluirBeeeeijos,
http://voutecontarmakeup.blogspot.com.br
Obrigada, fico feliz que tenha gostado *---*
ExcluirAdorei o tutorial paula, a minha data é uma faxinha. beijos
ResponderExcluirpimentacupcake
Obrigada flor, bom que gostou!
ExcluirAdorei esse tuto >.<
ResponderExcluirSe eu usasse data nos meus post eu usaria ele rsrs
bjinhos
conversando-com-a-lua.blogspot.com.br
Aaah, ok, hahaha ><
Excluireu nunca consegui colocar data ao lado do post, vou ver se dessa vez sai.
ResponderExcluirBeijos, Thay do princesadoavesso.blogspot.com.br
Aaah, okok! ^^
ExcluirFica lindo ^^
ResponderExcluirBeijos!
Com Qual Estilo
Se tu não sabe falar nada, imagine eu!? e_e Eu fico boiando quando meu professor de espanhol conversa conosco na sala de aula /o/
ResponderExcluirTi datinha mais fofa >O< Paula divando nos tutoriais, pfvr u-u
Nossa, ahsuahsuahsu >< Mas eu nem tenho aula de espanhol, ainda estou na pior u3u
ExcluirOown, brigada ><
Muito legal o tutorial hehe gostei muito
ResponderExcluirBeijos :*
http://mundoadolescente-alana.blogspot.com.br
Aaah, obrigada ^^
ExcluirAdorei o tuto. O resultado é lindo.
ResponderExcluirgarotadifferente.blogspot.com
Gostei mt do tuto, bem útil *--*
ResponderExcluirnaidadeteen.blogspot.com
Pronto, já achei meu blog de tutos KKK vou viver aqui.
ResponderExcluirObrigada pelo comentário linda, eu fiz mais um post falando de moda :))
--
www.mentesolvente.blogspot.com
Aaah, ok, hahaha ><
ExcluirOkok! ^^
Legal o tutorial.
ResponderExcluirBjus!
Obrigada ^^
ExcluirJa conhecia esse tutorial . E bem facil . Beijos
ResponderExcluirwww.clarinhapink.com
Aaah, sim sim.
Excluirgostei do tutorial, bem que eu preciso personalisar a minha data
ResponderExcluirObrigada :3 Okok!
Excluiramei o tutorial, VocÊ explica muito bem html, fiz curso de Web mais foi a mesma coisa de nada, venho sempre aqui no seu blog olhar os tutoriais, parabéns continue assim, agora vou lá para o meu blog tentar arrumar a data como você ensinou**
ResponderExcluirbeijo flor
Fuii
minhahistoriasendofeita.blogspot.com.br
Aaah, brigada flor *-----* Poxa, que pena saber disso, porque eu estava querendo fazer um TT-TT
ExcluirOown, fico super feliz em saber disso! Okok *---*
Fica muito fofinho *-*
ResponderExcluirquando e para procurar main-inner h2.date-header { nao me aparece nada :(
ResponderExcluirProcure por main-inner h2. ou só por date-header e vá dando enter até encontrar um código parecido ^^
ExcluirÑ CONSEGU! SNYF SNYF
ResponderExcluirObrigado por esse post,muito bom,muito bem explicado vou tentar mudar a minha data tbm,vai ficar fofuxoo bjs :)
ResponderExcluirEspero que consiga flor.♥
Excluir