Como colocar a data embaixo do título do post + Personalização

31 dezembro 2014

| |
Oi Pessoal
Esses dias eu to muito feliz , estou percebendo que este é o primeiro blog que eu estou 'levando a sério' digamos assim. Estou sentindo o crescimento do Apenas Um Cara a cada postagem , estou recebendo um número de visitas nelas que não recebia antigamente , isto me inspira a voltar aqui e atualizar.

Eu estava meio iludido em relação ao número de postagens. Vi  que tinham 17 postagens ao todo , porém duas eram rascunhos e 17-2=15 , sendo que tenho o blog a 4 dias e tenho a meta de 3 posts por dia, e estou com 15 em vez de 16 , então estou querendo acelerar o ritmo por aqui.

Mudando completamente de assunto , estou trazendo um tutorial de como colocar a data embaixo do título do post e como personaliza-la . Se vocês não sabiam , eu sou um ser muito curioso , e gosto de ficar 'brincando' de colocar códigos embaixo de códigos , e assim por diante...

E no meio dessa brincadeira toda eu descobri como por a data embaixo do título da postagem , bacana né ? Lembrando que o tutorial ( assim como todos os outros ) é testado apenas no modelo Travel ( Viagem ) do Blogger , sem mais delongas Vamos lá !

Abra o seu editor HTML ( Indo em Modelo > Editar HTML ) pressione as teclas Ctrl + F e procurem por : <h2 class='date-header'><span><data:post.dateHeader/></span></h2> . Pegue esse código copie e cole no bloco de notas , depois apague-o no seu editor HTML . Serão encontrados dois resultados , apague ambos.

Agora procure por : <div class='post-header-line-1'/> , e cole o código que eu pedi para guardar no bloco de notas , embaixo do código citado antes. Serão encontrados dois resultados , e todos os dois devem ficar assim :
          <div class='post-header'>
            <div class='post-header-line-1'/>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
          </div>
Feito isso é só salvar que a sua data já vai estar embaixo do título dos posts.
Personalizando

Para personalizar , procurem por : .main-inner h2.date-header { , apague todo o conteúdo dele até a chavinha ( isto é a chavinha : } ) e substitua por :

font-family: Nobile; /*Nome da Fonte*/
color: #ccc; /*Cor da Fonte*/
font-size: 12px; /*Tamanho da Fonte*/
text-align: right; /*Alinhamento da fonte*/
border-top: 1px solid #ccc; /*Borda de cima , se não quiser apague*/
}
Todas as explicações necessárias estão no post. É isto gente , este foi o tutorial de hoje , espero ter ajudado vocês , Feliz ano Novo e Até o próximo post !

Nenhum comentário :

Postar um comentário