Anime Design
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Você não está conectado. Conecte-se ou registre-se

Mudar Lugar da Data da Postagem - Achar Códigos HTML no Blogger

5 participantes

Ir para baixo  Mensagem [Página 1 de 1]

gin

gin
Membro Nível 4
Membro Nível 4

Alguns leitores da Anime Design perguntaram como alterar o lugar onde aparece a data da postagem que em muitos templates fica acima do titulo da postagem, isso pode ser feito pela pagina editar HTML, apenas precisamos ter o cuidado na hora de alterar os códigos, por isso é recomendável fazer um backup do seu template antes de mexer nesta pagina.

Mas temos um problema que é como achar o código no HTML e como saber qual dos códigos é o certo, isto é aquele que desejamos modificar, mas para resolver isso tem um teste bem simples de fazer na pagina do HTML do blogger, apenas coloque algumas letras repetidas no local que você imagina ser o correto e clique para visualizar o blog. Vamos demonstrar isso enquanto falamos sobre como mudar a posição da data do post no seu blogspot.

Entre na pagina editar HTML, marque para expandir o modelo de widgets e procure por:
Código:
<data:post.dateHeader/>
(use o ctrl+F) você encontrará vários então altere colocando um sinal (letras) para testar desta forma:

Código:
<h2 class='date-header'><span>aaaaaaaaaa<data:post.dateHeader/></span></h2>

E clique para visualizar o blog se for o local correto a data do seu blog aparecerá com as letras "aaaaaaaaa" junto com a data de cada post e com a mesma formatação dela.


Então somente apague as letras e saberá que esse é o trecho do código HTML que procura. Essa dica é um truque para achar código HTML que funciona e ajuda muito na hora de alterar códigos HTML.

O código completo da data da postagem do blogger é esse:
Código:
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>

Agora que achamos o trecho com a data da postagem é só copiar o trecho que mostramos acima e trocar de lugar, procure por um destes trechos e cole o código logo depois de um deles, dependendo de onde queira a data dos posts:
Código:
<div class='post-header-line-1'/> embaixo do título da postagem
<div class='post-footer-line post-footer-line-1'> após o texto do post (próximo aos comentários)

Pronto Algum Erro Deixe o Comentario

Pronto SR 892 Postei So ver Agora

http://scanlines.com.br

p3dro

p3dro
Membro Nível 3
Membro Nível 3

Eu simplesmente add o codigo

Código:
Margin-left ou right ou top ai vo mudando o local

gin

gin
Membro Nível 4
Membro Nível 4

Obg

http://scanlines.com.br

Zaraki Kenpachi

Zaraki Kenpachi
Membro Nível 2
Membro Nível 2

Não Precisa de tudo isso '-'

gin

gin
Membro Nível 4
Membro Nível 4

não intendi

http://scanlines.com.br

p3dro

p3dro
Membro Nível 3
Membro Nível 3

E que seria mais facil usando meu metodo do margin ^^

gin

gin
Membro Nível 4
Membro Nível 4

...

http://scanlines.com.br

p3dro

p3dro
Membro Nível 3
Membro Nível 3

gin escreveu:...

Não quero ser grosseiro mas evite flods

gin

gin
Membro Nível 4
Membro Nível 4

Hum ok

http://scanlines.com.br

Flashman

Flashman
Moderador
Moderador

Foi otro flood kk,cara eu acho exagerado,acho que com o margin é com os px jah da pra dexar bem legal,num precisa de uma porrada de codigo,mais valeu por colocar pra gente.

http://animesrevo.blogspot.com/

grimmblack

grimmblack
Membro Nível 1
Membro Nível 1

Vlw Olha meus posts tabem!

grimmblack

grimmblack
Membro Nível 1
Membro Nível 1

Vlw Olha meus posts tabem!

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos

 

Um fórum grátis | ©phpBB | Fórum gratuito de ajuda | Denunciar um abuso | Criar um fórum