블로그(티스토리) 글 작성일에 단기(단군기원)년도 표현

♣ Tech ＆ Biz Salon/블로그 일기/관리Tip 2014. 3. 1. 22:29

블로그 화면에서 몇가지 살짝 손을 봤습니다.

글제목 아래 카테고리 표현하는 부분도 조금 변경했는데,

순간... 바로 그 옆에 보이는 서기 날짜가 눈에 거슬리네요. 삼일절이라 그랬던 걸까요?

그래서 단기년도도 나타나게 수정을 해봤어요. 간단한 코딩이긴 하지만.. 의미가 있는거 같아 좀 뿌듯한 느낌이^^

한민족 역사가 실제로는 단군기원 이전에도 5천년 정도 있어서 반만년이 아니라, 1만년이라는거 같던데... 거기까진 아직 공부를 못해서 잘은 모르겠습니다.

적용한 방법은 아래와 같습니다.

1. skin.html > 날짜 부분 html 수정

날짜 부분에 span 태그를 부여했어요

2. skin.html > 하단에 자바스크립트 추가

script 태그는 원래 다른 용도로 쓰고 있었는데 그 내부에

1) printArticleDate Function

span 의 날짜 text 값을 단군 기원 년도 포함하는 값으로 변경하여 교체

2) 상기 펑션을 html 로드후에 실행

function printArticleDate(){

var strDate = $('#artiRepDate').text();

var strYear = strDate.substr(0,4);

var strMonth = strDate.substr(5,2);

var strDay = strDate.substr(8,2);

var iYear = parseInt(strYear);

var dangiYear = iYear + 2333;

var printDate = '단기 ' + dangiYear + '년 (서기 ' + strYear + '년) ' + strMonth + '월 ' + strDay + '일';

//printDate = '2014. 3. 1. 22:29'.substr(0,10);

$('#artiRepDate').text(printDate);

}

// omit time

$(document).ready(function() {

printArticleDate();

});

</script>

* 혹시나 javascrpi 잘 모르는 분이 따라하실수도 있겠네요. 하나 더 말씀드립니다.

skin.html 의 <head> 태그 내에 jquery 라이브러리 참조 라인을 넣어주셔야 합니다.

제 경우는 아래와 같이 해놓았는데, 그대로 따라하셔도 됩니다...

Lost or Found Lost or Found