블로그스팟 저작권 연도 자동 갱신: HTML/JS 가젯으로 1분 만에 해결

블로그스팟에서 레이아웃으로 가서 우측 하단을 보면 '저작자 표시 가젯'이 있다. 혹시 모를 법적 분쟁에 대비하려면 이 가젯은 필수. 문제는 연도가 자동 갱신되지 않는다는 것. 아래의 코드로 문제를 해결해 보자.


HTML/JavaScript 가젯을 이용한 '연도 자동 갱신' 저작자 표시 사이드바에 구현하기

1. 저작자 표시 (HTML 부분)

이 코드는 사용자가 페이지를 새로고침하거나 접속할 때마다 실행되므로, 해가 바뀌어도 직접 코드를 수정할 필요 없이 항상 최신 연도를 보여주게 된다.

  • 구조: © 기호 뒤에 연도가 오고, 그 뒤에 저작자 이름이 붙는 형태.
  • id="current-year"라는 이름을 붙여서 나중에 자바스크립트가 이 위치를 찾을 수 있게 설계됨.

HTML 

<div class="footer-copyright">
    © <span id="current-year"></span> <strong>저작자</strong>. All rights reserved.
</div>

2. 연도 자동 갱신 (HTML + JS 부분)
  • new Date().getFullYear(): 접속한 기기의 현재 날짜에서 '연도' 정보만 가져온다.
  • document.getElementById("current-year"): 위에서 만든 HTML 빈 자리를 찾는다.
  • .textContent = ...: 찾은 자리에 연도 숫자를 넣는다.
JavaScript 

<script>
    // 현재 연도를 자동으로 업데이트
    document.getElementById("current-year").textContent = new Date().getFullYear();
</script>

바로 이렇게!

블로그스팟 사이드바에 연도 자동 갱신 저작자 표시 구현 방법
연도 자동 갱신 저작자 표시

오늘의 한마디

블로그스팟 관리자 [레이아웃] → [HTML/JavaScript 가젯]을 열어 위 2개의 코드를 복사해서 붙여 넣은 뒤, 저장을 누르면 끝.
위 이미지처럼 사이드바에 잘 나온다. 어때, 맘에 들지?


Related Posts

댓글

댓글 쓰기