Personalize a posição da data da postagem

image:http://weheartit.com/entry/73357717/via/lovelyartes

Oi gente tudo bem? Espero que sim! Hoje trouxe uma dica legal para personalizar a posição da data da postagem do blog. Eu sei que há muitos tutoriais sobre isso, mas esse eu descobri mexendo nos códigos do blog. É muito simples. Quando conseguimos interpretar o que quer dizer os códigos ajuda muito. Vai ficar assim:

Clique para ampliar
OBS: Testado no 7º template do modelo Simple do Blogger
Talvez este código não funcione em outros modelos.

Vamos ao tutorial?
Primeiro salve uma cópia do seu layout, por segurança, caso não goste da mudança da data.


Agora vamos deixar a data resumida como vocês viram aí.

Vá em Configurações - Idioma e Formatação - e procure a opção: Formato da data e escolha a opção: 30.08.13 ou 30/08/13 (essa data é só um exemplo ok.)

Pronto, feito isso, agora vamos ao HTML.
Clique em Modelo - Editar HTML

Dê um Clique na área dos códigos e Digite Ctrl F

Procure por /* Posts  ou Posts até chegar nesta área:

Você vai encontrar abaixo assim:

/* Posts
----------------------------------------------- */
.date-header span {
  background-color: $(date.header.background.color);
  color: $(date.header.color);
  padding: $(date.header.padding);
  letter-spacing: $(date.header.letterspacing);
  margin: $(date.header.margin);
}


Substitua toda esta parte por:

/* Posts
----------------------------------------------- */
.date-header span {
margin-left: -130px;
  background-color: $(date.header.background.color);
  color: $(date.header.color);
  padding: $(date.header.padding);
  letter-spacing:(date.header.letterspacing);
  margin: (date.header.margin);
}


clique agora em Visualizar modelo
Veja se funcionou, e vá ajustando os números  margin-left caso queira, testei neste modelo apenas o lado esquerdo, mas se seu layout a área dos posts for à direita, mude para margin-right,
e vá testando para ver se funciona.

OUTRA OBSERVAÇÃO: SÓ SALVE SE REALMENTE FUNCIONAR OK, PARA NÃO DÁ ERRO NOS CÓDIGOS, VÁ VISUALIZANDO PRIMEIRO.

Qualquer dúvida pergunte, se eu puder ajudar. E espero que tenham gostado da dica de hoje.

Até Mais!



Comentários

Postagens mais visitadas