11 julho 2011

Data personalizada no blog

||
Hooy amores *o* 3 posts no mesmo dia u_u' é , a bruna fez um agorinha falando que não vai poder postar nas terças -feiras , ou seja , amanhã eu vou continuar postando pra vocês  risadadomal 
Queria falar , que logo vou fazer um tutorial de barra lateral de duas colunas , mais por enquanto não , ok ? Hoje eu trouxe ooutro tutorial , de como deixar a data igual a do FS ! yees , e além disso , ainda trouxe uns brushes super fofos pra vocês da minha coleção de utencílios de deisng Vamos ao tutorial ?
Koxis


1 - primeiramente vá no painel >detalhes>formatação e em formato da data coloque na ultima opção , 11 junho 2011
2 - vá em design >editar html > expandir modelos de widgets e procure por 
                                         </head>
abaixo disso coloque :
<script>function remplaza_fecha(d){ var da = d.split(' ');dia = "<div class='fecha_dia'>"+da[0]+"</div>";mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>";anio = "<div class='fecha_anio'>"+da[2]+"</div>";document.write(dia+mes+anio);}</script>
 3 - agora pesquise por :


                         <b:if cond='data:post.dateHeader'>


deverá estar assim :
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

abaixo desse código cole esse :

<a expr:name='data:post.id'/>



4 - procure por :
<h2 class='date-header'><data:post.dateHeader/></h2>
substitua por esse código
<div id='fecha'><script>remplaza_fecha('<data:post.dateHeader/>');</script></div>
5- Feito isso procure por :
]]></b:skin> 
acima cole :

#fecha {
color: #464646; /*Edite a cor da data*/
padding: 0px 0px 0px 0px; /*Altere as margens internas da data*/
margin-right:5px; /*Margem externa direita*/
float:left;
text-align:center;
border: 1px none #dedede; /*Coloque borda se quiser*/
list-style:none;
display: block;
background: url('URL AQUI') no-repeat;
}
.fecha_dia {
display:block;
font-size:18px; /*Tamanho da fonte*/
line-height:16px; /*Altura da Linha*/
font-family:'Arial';
letter-spacing:-1px
}
.fecha_mes {
font-size:10px; /*Tamanho da fonte*/
line-height:9px; /*Altura da Linha*/
text-transform:uppercase;
display:block;
}
.fecha_anio {
font-size:9px; /*Tamanho da fonte*/
line-height:8px; /*Altura da Linha*/
display:block;
}
Na parte em vermelho , coloque a url da sua imagem , ou o código da sua cor , para escolher uma cor clique aqui

Galera , não esqueçam de votar no FS no concurso Blog vs Blog >< está ali na barra lateral , o link pra vocês votarem 

14 comentários:

  1. ameeeeeeei o novo layout *---------*'
    beeijos e fica com Deus :*
    http://www.contos-da-lua.blogspot.com/

    ResponderExcluir
  2. ooow como sou chata mas , como vc colocou a imagem ? *-* vou te deixar em paz serio juro! desculpa desculpa! rs bom obg pela ajuda viu? bjs

    ResponderExcluir
  3. adorei o teu blog *--*
    aceita fazer parceria?

    http://makingstyle.blogspot.com

    ResponderExcluir
  4. flooor, me ajuda?
    sabe aquela imagem ali em baixo? com os diamantes? então, eu fiz por meu blog, mas não consigo colocar ela no final da página, não fica certo. como faaaaz? D:
    MUITO obg :*

    ResponderExcluir
  5. Oiii, meu nome é Sunny, sou do blog http://bombadeglitter.blogspot.com e adorei seu blog, vivo descobrindo novos blogs e trazendo novos leitores para o meu, vi o seu e virei seguidora! Pode me seguir se possível? Beeijos =)

    ResponderExcluir
  6. Oi flor, obrigado pelos elogios lá no blog... beijos www.trasshygirl.blogspot.com

    ResponderExcluir
  7. aaaaiw mt obg flor e fica tranquila já apaguei!

    ResponderExcluir
  8. amor eu nao to conseguindo seguir seu blog. nao sei pq =(
    www.cantinhofemininoo2.blogspot.com

    ResponderExcluir
  9. nossa, eu realmente amei o seu blog! haha. lindo lindo e você tem um estilo que eu me identifico mt. kk
    estou seguindo, se puder, retribui? *_*
    beijos, http://destemidagarota.blogspot.com/

    ResponderExcluir
  10. aqui esta lindoooo amei amei^^
    rockeiro,fofo e encantador, beijos ME.

    ResponderExcluir
  11. Oieee! Eu queria saber como faz para colocar a birosca da data como se fosse uma etiqueta, sabe?
    Adorei o blog!
    huahsuas! Beijão.

    ResponderExcluir
  12. olá, primeiramente eu quero dizer que só nova por aqui, mais já to amando o seu blog *---* estou tentando fazer um reforminha no meu blog mais ta dificil, e gostei de suas dicas.
    beeeijinhos ;]

    ResponderExcluir
  13. Oii, Não deu pra eu fazer isso, sei lá, acho que me embolei. Adoro seu blog, e adoro suas dicas.

    ResponderExcluir

- Eu respondo todos os comentários do blog, por mais que demore um pouquinho sempre respondo.
- Se você me fez alguma pergunta por comentário eu respondo no próprio post, então é só voltar no post onde perguntou que sua resposta estará lá.
- Adoro receber e-mail de leitoras, com dúvidas, elogios, sugestões e até algum desabafo como muitas fazem, acreditem não é nenhum incômodo <3
- Se quer criticar, critique de modo construtivo.
- Eu adoro quando vocês participam, afinal o blog é feito para vocês <3

Related Posts Plugin for WordPress, Blogger...