♣ Tech & Biz Salon/블로그 일기/관리Tip

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

TasteGod 2014. 3. 1. 22:29

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

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

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

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

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


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

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

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

<span id = 'artiRepDate'>2014. 3. 1. 22:29</span>


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

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

   1) printArticleDate Function

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

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

<script type="text/javascript">

    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 라이브러리 참조 라인을 넣어주셔야 합니다.

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>