난 티스토리를 만든지 얼마나 되었는지를 핸드폰 기념일 어플로 가끔 확인하곤 하는데 귀찮아서 그냥 티스토리에 달아봐야겠다고 생각했다.

 

 

일단 첫번째, 관리자 사이드바의 기본으로 있는 위젯사용...

 

 

 

이렇게 설정 후 추가해 보았더니 아래와같은 디데이 생성...

블로그 디자인에 전혀 안어울리고 구려 ㅡㅡ;;  실패!!!

 

 

 

 

 

 

 

두 번째, 다음 위젯뱅크에서 마음에 드는 디데이 위젯이 있나 찾아봄...

http://widgetbank.daum.net/

 

아래와 같은 위젯들을 찾아 냈으나 다 거기서 거기, 하나도 마음에 안듬. 역시 실패;;

 

 

 

 

 

 

 

세번째, 결국 그냥 소스를 적당히 뜯어고쳐 심플하게 만들자는 생각으로 시도.

 

 

일단 관리자 사이드바 메뉴에서 html배너출력옆에 +버튼을 눌러 사이드바에 넣고 편집버튼을 누른다.

 

  

 

 

 

아래와 같이 이름을 정하고 html소스입력부분에

-------------------------------------------------

<Div style="height:25px; text-align:center; font-size:14px; font-weight:bold; color:#555555;">
Y&S 개설일 2012.12.13
</Div>  //이 세줄은 빼도 됨.//

 

<Div style="text-align:center; font-size:13px; font-weight:bold; color:#ef5714;">
<script language="JavaScript">
function jhsdday(y, m, d)
{
 today = new Date();
 dday = new Date(y, m-1, d);
 n = -Math.floor((dday.getTime()-today.getTime())/86400000);
 // 86400000 = 24시간*60분*60초*1000
 document.write(n)
}
</script>
♥ 티스토리 생성
<script language="JavaScript">
 jhsdday(2012, 12, 13);
</script>일째 ♥<br>
</div>
---------------------------------------------------

 

이렇게 넣은 후 사용자 모듈저장을 체크하고 확인을 누른다.

 

 

(위에 사용자 모듈저장을 체크 시 아래 모듈 보관함에 만들어 놓은게 들어가는데 이는 언제든 없앴다가도 다시 사이드바에 추가해 사용할 수 있다.)

 

 

어쨌든 위와같이 소스를 적어넣고 디데이를 넣고 싶은 항목사이에 드래그로 옮겨 자리를 잡은 후 오른쪾 위 저장버튼을 누르면 사이드바에 요렇게 심플하게 디데이가 들어간다.

 

 

 

 

자, 그럼 여기서 소스를 자신에게 맞게 뜯어고치기 위해 설명하자면

이건 지나간 날짜를 기준으로 당일 포함한 날짜 계산이다.

 

일반적으로 모든 어플이라던가 디데이 기능은 기념일이 지나가기 전날인 마이너스부터 기념일 당일이 '0'이 되고 기념일이 지나고나면 '+1'일 부터 카운트가 된다.

 

하지만 누군가를 만나거나 하면 당일을 1일로 치는게 맞다고 보는 난 다음날을 +2일 이런식으로 계산되게 해놨다.

 

그런데 결정적으로 이런식의 디데이 계산법은 현재보다 미래의 날짜를 적어놓은 상태에서 앞으로 몇일 남았다는 카운트에는 맞지 않는다.

 

 

 

 

그래서 결국 대부분의 디데이 계산 어플들이 당일포함 1일인 위의 방법을 쓰는것이 아니라 다음날부터 +1일인 아래와 같은 방법을 사용한다.

그러니까 당일을 디데이에 포함시키지 않는다고 보면 아래의 코드를 적어넣으면 된다.

 

또한 앞으로의 남은 날짜를 계산하는데는 아래와 같은 수식을 쓰는게 맞다.

 

<Div style="text-align:center; font-size:13px; font-weight:bold; color:#ef5714;">
<script language="JavaScript">
function jhsdday(y, m, d)
{
 today = new Date();
 dday = new Date(y, m-1, d);
 n = -Math.floor((dday.getTime()-today.getTime())/86400000)-1;
 // 86400000 = 24시간*60분*60초*1000
 document.write(n)
}
</script>
내 생일 앞으로
<script language="JavaScript">
 jhsdday(2013, 2, 17);
</script><br>
</div>

 

 

만일 핸드폰 달력에 지정해놓은 기념일 +100일이라고 표시되어 있으면 당일을 포함하면 실제로 그날은 101일째가 되는것이다.

근데 대부분 그냥 이걸 보고 100일기념을 챙기지 않나? ㅋ

(나도 이거 해보면서 알았다;; 분명 실제로 세보면 당일포함 63일이 맞는데 핸드폰 달력 기념일에 62일로 표시되서^^:;)

 

 

 

뭐 어쨌든 블로그 글이 긁어지지 않는관계로 코드가 필요하신분은 파일을 다운받아 날짜색상 글자크기등을 변경하여 자신의 블로그에 맞게 고쳐 사용해보시길...

 

d데이코드.txt

 

 

 

 

 

 
 
 
 
Posted by 두여자 Y&S

댓글을 달아 주세요

  1. 비밀댓글입니다

    2013.02.21 18:15 [ ADDR : EDIT/ DEL : REPLY ]
  2. 비밀댓글입니다

    2014.08.24 04:45 [ ADDR : EDIT/ DEL : REPLY ]
  3. 감사합니다 ^-^

    2015.12.17 20:52 신고 [ ADDR : EDIT/ DEL : REPLY ]