Ir para conteúdo principal
Todas as coleçõesCriador de SitesBlog
Criador de sites: como alterar o formato da data dos seus posts de blog
Criador de sites: como alterar o formato da data dos seus posts de blog

Aprenda a alterar o formato da data em posts no seu blog com o Criador de Sites da Hostinger.

Atualizado esta semana

Se você tem um blog criado com o Criador de sites da Hostinger e quer alterar o formato da data de todos os seus posts, siga este passo a passo 👇

Copie o código

<script>
function formatDate(date) {
let d = new Date(date.innerText),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2)
month = '0' + month;
if (day.length < 2)
day = '0' + day;
return [year, month, day + " "].join('/');
}
setInterval(() => {
if (document.contains(document.querySelector('.block-blog-list')) && document.querySelector('.block-blog-list-item:last-of-type .blog-list-item-meta__subtitle span:first-of-type').innerHTML.at(-1) !== ' ') {
let randomPosts = document.querySelectorAll('.block-blog-list-item');
randomPosts.forEach(post => {
post.querySelector('.blog-list-item-meta__subtitle span:first-of-type').innerText = formatDate(post.querySelector('.blog-list-item-meta__subtitle span:first-of-type'));
})
}
if (document.contains(document.querySelector('.block-blog-header')) && document.querySelector('.blog-list-item-meta__subtitle span:first-of-type').innerHTML.at(-1) !== ' ') {
document.querySelector('.blog-list-item-meta__subtitle span:first-of-type').innerText = formatDate(document.querySelector('.blog-list-item-meta__subtitle span:first-of-type'));
}
}, 500);
</script>

Edite o código

Dependendo do formato de data que deseja, altere a posição dos valores aqui:

return [year, month, day + " "].join('/');

O exemplo acima deixa a data nesse formato: aaaa/mm/dd 😊

Cole o código

Dentro do Criador de sites, vá para as Configurações do seu site → Integrações, e cole o código no campo de código personalizado. Depois disso, salve as alterações e atualize seu site.

A alteração será visível no modo de visualização e on-line, não é visível no editor.

Isto respondeu à sua pergunta?