Blogger Yorumlarına Dinamik Zaman Özelliği Ekleme

Blogger'ın varsayılan yorum tarihleri ("22 Mayıs 2024 14:30" gibi) gibidir. İşte bunu JavaScript kodu ile, yorumlardaki tarihleri "5 dakika önce", "2 saat önce" veya "geçen hafta" gibi dinamik ve modern bir yapıya dönüştüreceğiz.

Blogger panelinden Tema > HTML'yi Düzenle kısmına girin. </body>` etiketini bulun. Aşağıdaki kod bloğunu kopyalayıp hemen üstüne yapıştırın:

<script type='text/javascript'>
// <![CDATA[
function parseBloggerDate(e){
  const t={Ocak:0,"Şubat":1,Mart:2,Nisan:3,"Mayıs":4,Haziran:5,Temmuz:6,"Ağustos":7,"Eylül":8,Ekim:9,"Kasım":10,"Aralık":11},
  a=e.match(/(\d+)\s+([^\s,]+),?\s+(\d+)\s+(\d+):(\d+)/);
  if(a){
    const e=parseInt(a[1]),n=t[a[2]],s=parseInt(a[3]),r=parseInt(a[4]),l=parseInt(a[5]);
    return new Date(s,n,e,r,l)
  }
  return new Date(e)
}

function timeAgo(e){
  const t=parseBloggerDate(e), a=new Date, n=Math.floor((a-t)/1e3);
  if(isNaN(t.getTime())) return e;
  const s=[
    {label:"yıl",secs:31536e3},{label:"ay",secs:2592e3},
    {label:"hafta",secs:604800},{label:"gün",secs:86400},
    {label:"saat",secs:3600},
{label:"dakika",secs:60},
    {label:"saniye",secs:1}
  ];

  for(let e=0;e<s.length;e++){
    const t=Math.floor(n/s[e].secs);
    if(t>=1) return t+" "+s[e].label+" önce"
  }
  return"az önce"
}

document.addEventListener("DOMContentLoaded",(function(){
  document.querySelectorAll(".datetime a").forEach((e=>{
    const t=e.getAttribute("data-datetime")||e.innerText;
    t&&""!==t.trim()&&(e.innerText=timeAgo(t.trim()))
  }))
}));
// ]]>
</script>

Kodun çalışması için Blogger temanızdaki yorum tarihleri `.datetime a` sınıfı içinde olmalıdır. Çoğu modern Blogger teması bu standartı kullanır.