TUTO -† Mostrar data em todas as postagens do blog + Data escondida†-

Hello amoras!!
Hello amoras tudo bom? espero que sim, hoje vai ter 2 Tutos, úteis mais bem rápidos! antes de tudo aconselho vocês a fazerem 2 postagens testes no blog de vocês (UM BLOG TESTE) Porque nós vamos mexer em uma parte no HTML que se ficar uma parte errada faltando algo prejudica o seu Layout! ou faça o BACKCAP (não liguem pra mim não sei escrever)  Então vamos a explicação de tudo!

Mostrar data em todas as postagens do blog
Primeiro faça 2 postagens como tá escito lá em cima "antes de tudo aconselho vocês a fazerem 2 postagens testes no blog de vocês" Espero que tenham lido. Eu resolvi fazer este post de como colocar data em todas as postagens do blog. Exclusivamente para postagens que nós fazemos no mesmo dia e não aparece a data em todas elas.

Data escondida!
Bom também falei que a data do blog ela é assim, (Coloque o mouse um pouco acima do titulo do post e você verá a data. A data neste formato não gasta muito espaço pois fica encima do titulo do post.
Mostrar data em todas as postagens do blog
Vá no seu HTML aperte Ctrl+f e procure por data:post.dateHeader  você vai encontrar algo parecido com isso:  
 <b:if cond='data:post.dateHeader'>          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>        </b:if>        <b:if cond='data:post.isDateStart'>          &lt;div class=&quot;date-posts&quot;&gt;        </b:if>        <div class='post-outer'>

Selecione toda essa parte e apague e depois de ter feito cole isso no lugar::
<b:if cond='data:post.dateHeader'><script>var lastDate= &#39;<data:post.dateHeader/>&#39;;</script><h2 class='date-header'><data:post.dateHeader/></h2><b:else/><h2 class='date-header'><script>document.write(lastDate);</script></h2></b:if><div class='post-outer'> 
Salve e veja está em todas as postagens!

 Data escondida!
Vá no seu HTML e procure por esse código: ]></b:skin> e acima dessa tag cole:
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}.main-inner h2.date-header {font-family: handy;color: transparent;font-size: 11px;text-align:center;-webkit-transition-duration: .70s;text-transform:capitalize;}.main-inner h2.date-header:hover {font-family: handy;color: #B0C4DE;margin-bottom:7px;font-size: 11px;text-align:center;-webkit-transition-duration: .70s;text-transform:capitalize;
créditos (xx

Um comentário:

  1. Hey! Bem útil esse tutorial ;)
    Passei pra avisar que eu aceito sim sua afiliação, só veja aqui a página que tem as regras, certo? Já te coloquei na elite c:

    Com carinho, Thai. {henndrauhl}

    ResponderExcluir

CRED
te peguei safado!