블로그에 자바스트립트를 이용하여 날짜와 시간을 달아 놨습니다.
티스토리 자체 달력기능도 있지만, 시간도 겸해서 알수 있으니 편하네요..^^
아래의 그림처럼 블로그 상단에 보시면 날짜와시간 나옵니다.
자바스트립트를 활용하여 출력을 하는지라 스트립트 소스가 24줄이나 되는군요.
아래 그림을 클릭하시면 원본 크기로 보실 수 있습니다.
그래서 Time.js 파일에 스크립트를 따로 분리하여 블로그에 첨부파일로 올려두고,
그걸 그대로 html로 링크해서 출력 하도록 했습니다.
그렇게 하니 실제 블로그 스킨 소스(skin.html)란에 삽입되는 소스코드는 2줄로 간단하게 적용이 되는 군요.
물론, 주석(설명)문 빼고 @.@,.';
<!-- 날짜 시간 출력 -->
<script src="http://티스토리블로그에첨부파일로올려진파일명.js"></script>
<table align="center"><tr><td><DIV id="Clock" style="font-family:tahoma; font-size:14px;"></DIV> </td></tr></table>
자바스크립트 소스는 첨부파일로 올려 두겠습니다.
첨부된 파일을 오른쪽클릭하여 속성을 선택하여 나오는 url 경로를 복사하여 스크립트 링크로 활용하셔도 되죠..
Time.js 파일을 만들어 소스도 제맘대로 변경을 해뒀으니, 소스활용하시는 분들은 취향에 맞게 추력 코드를 변경하셔서 활용하시면 됩니다.
아래 소스는 날짜와 시간을 출력하는 구분입니다. 제가 임의적으로 구분하여 출력하기 쉽게 변경을 해뒀습니다. 좀 무식하게 코드를 만들어지만.. 작동하는데는 지장 없사옵니다~^^...;
TimeString = DateTag + TimeTag ; 이 부분에서 보시면 아시다시피 ..
날짜만 출력하려면 + TimeTag 를 삭제하면 됩니다. 시간만 출력하려면 DateTag + 를 삭제하면 됩니다.
나머지 세부 조정은 소스를 보시고 알아서 활용하세열..
DateTag = "<font color='#000031'>" + intYear + "-" + month +"-"+ date +"</font> ";
TimeTag = "<font style='color:#215573;font:10;'>" + ap +"</font> <font color='#000031'>"+hours+minutes+"</font><font style='font:9;'>" + seconds+"</font>";
TimeString = DateTag + TimeTag ;
소스 출처는 자바스트립트 무료공유 사이트들중에서 받아둔거 같은데.. 소스안에 제작자 명시도 없고 하니 누가 만든건지는 몰흠~니다.. 크하~;
필요하신 분들 취향에따라 소스변경 하셔서 활용하세요~




Time.js
Time.html
