Posts

구글 블로그 댓글 날짜를 YYYY-MM-DD hh:mm 형식으로 만들기

구글 블로그(Blogspot, Blogger) 댓글 날짜(comment timestamp)를 ISO 8601 YYYY-MM-DD hh:mm(예: 2026-08-17 12:30) 형식으로 만드는 방법입니다. 적용한 테마는 Contempo입니다.

  1. 테마〉맞춤설정〉백업
  2. 맞춤설정〉HTML 편집
  3. 댓글 작성 시간을 표시하는 <data:comment.timestamp/>를 찾아 다음과 같이 변경1
<!-- 변경 전 -->
<a expr:href='data:comment.url' title='comment permalink'>
  <data:comment.timestamp/>
</a>

<!-- 변경 후 -->
<a expr:data-time='data:comment.timestamp.iso8601' expr:href='data:comment.url' title='comment permalink'>
  <data:comment.timestamp/>
</a>

  1. 아래 JavaScript을 </body> 전에 붙여 넣고 저장2
<!-- Comment timestamp ISO 8601 YYYY-MM-DD hh:mm style  -->
<script type='text/javascript'>
//<![CDATA[
document.addEventListener("DOMContentLoaded", function() {
  // 블로거 테마의 댓글 시간 관련 클래스 선택
  var commentTimes = document.querySelectorAll('.comment-timestamp, .comment-time, .datetime');
  
  commentTimes.forEach(function(el) {
    var timeLink = el.querySelector('a');
    var rawText = timeLink ? timeLink.textContent : el.textContent;
    
    var parsedDate = new Date(Date.parse(rawText.trim()));
    if (!isNaN(parsedDate.getTime())) {
      // 현지 시간 기준 자릿수 맞추기 (2자리 유지)
      var year = parsedDate.getFullYear();
      var month = String(parsedDate.getMonth() + 1).padStart(2, '0');
      var day = String(parsedDate.getDate()).padStart(2, '0');
      var hours = String(parsedDate.getHours()).padStart(2, '0');
      var minutes = String(parsedDate.getMinutes()).padStart(2, '0');
      
      // YYYY-MM-DD hh:mm 포맷으로 결합
      var formattedDate = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes;
      
      // 화면에 출력
      if (timeLink) {
        timeLink.textContent = formattedDate;
      } else {
        el.textContent = formattedDate;
      }
    }
  });
});
//]]>
</script>

  1. 설정〉댓글 타임스탬프 형식을 시간이 설정된 표시(예: 8/17/2026 12:30 오후)로 선택3


  1. 표준 ISO 8601 데이터(data:comment.timestamp.iso8601)를 가상 속성(data-time)에 미리 저장하려는 방식이라는데, 이 과정은 생략해도 됩니다.
  2. JavaScript 코드는 data:comment.timestamp를 구글 검색하며 AI 모드에 YYYY-MM-DD hh:mm 형식으로 나타나도록 수십 차례 물어보며 적용하다 얻어걸렸습니다.
  3. 포스트 날짜 형식을 YYYY-MM-DD 형식으로 바꾸려면 다음 글을 참조하세요.
Post a Comment
Keep reading