누구나 글을 쓸수 있지만..    읽게 만들기는 힘들다~
admin write
blogblogblogbloglocation loglocation logtag listtag listguest bookguest book

블로그에 자바스트립트를 이용하여 날짜와 시간을 달아 놨습니다.
티스토리 자체 달력기능도 있지만, 시간도 겸해서 알수 있으니 편하네요..^^

아래의 그림처럼 블로그 상단에 보시면 날짜와시간 나옵니다.

사용자 삽입 이미지

자바스트립트를 활용하여 출력을 하는지라 스트립트 소스가 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> &nbsp;&nbsp;";
  TimeTag = "<font style='color:#215573;font:10;'>" + ap +"</font> <font color='#000031'>"+hours+minutes+"</font><font style='font:9;'>" + seconds+"</font>";
  TimeString = DateTag + TimeTag ;



소스 출처는 자바스트립트 무료공유 사이트들중에서 받아둔거 같은데.. 소스안에 제작자 명시도 없고 하니 누가 만든건지는 몰흠~니다.. 크하~;

필요하신 분들 취향에따라 소스변경 하셔서 활용하세요~
신고

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. UmC
    2007.12.31 16:57 신고
    댓글 주소 수정/삭제 댓글
    날자와 시간을 선택해서 붙일수 있다니 괜찮은거 같네요~ 소스까지 올려두시고... 가져갑니다~ 땡큐!
    • 2007.12.31 21:25 신고
      댓글 주소 수정/삭제
      댓글 감솨~~ 근디,, 다빵가려면 어케 ''??
    • 2012.09.22 13:27 신고
      댓글 주소 수정/삭제
      Holy shziint, this is so cool thank you.
  2. 2008.01.01 09:43 신고
    댓글 주소 수정/삭제 댓글
    감사합니다 유용하게 쓸께요 ~
    • 2008.01.01 19:58 신고
      댓글 주소 수정/삭제
      댓글 넘....흐~ ㄳㄳ~ 새해 복 많이 받으세효~~!
  3. 2012.01.25 20:18 신고
    댓글 주소 수정/삭제 댓글
    Your web page is actually amongst the most efficient . As a whole perception of the website is simply awesome . 들러주시면
    <a href="http://www.RenoPlumbingFirst.com/Plumbingmercy.html">Plumber Reno </a>
  4. 2012.07.07 09:12 신고
    댓글 주소 수정/삭제 댓글
    Thanks for shainrg. Your post is a useful contribution.
  5. 2012.07.08 15:23 신고
    댓글 주소 수정/삭제 댓글
    I was really confused, and this answered all my qusetinos.

티스토리 툴바