컴퓨터/HTML & JS & TS

티스토리 블로그 생성일, 지난날 사이드바

두뇌미포함 2016. 11. 13. 13:44
728x90
반응형


http://todiva.com/ 에서 제공하는 toPiece 테마를 기준



결과 사진 (2016/11/13)




<!-- 사용 방법 -->



1. skin.html에서 <s_sidebar_element> </s_sidebar_element> 부분을 찾는다.


2. 아래 코드를 추가한다. <ul class="newslist"> 부분을 스킨에 맞게 바꾸거나 <div id="create">만 남긴다.


<s_sidebar_element>

<!-- CREATE -->

<div class="sidebox">

<h3>사이드바 위젯 제목</h3>

<ul class="newslist">

<div id="create"></div>

</ul>

</div>

<!-- //CREATE -->

</s_sidebar_element>



3. </body> 와 </html> 사이에 아래 코드를 추가한다. "월/일/연도" 는 블로그 생성일에 맞게 고친다.


<script>
   var date1 = new Date("월/일/연도");
   var date2 = new Date();
   var timeDiff = Math.abs(date2.getTime() - date1.getTime());
   var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24) - 1);
   var str = '<li>start : 블로그 만든 날 ' + '| ' + diffDays + " 일 전";
   $("#create").html(str);
</script>


3. 관리자 설정 - 사이드바 메뉴에서 아래 사진처럼 CREATE 위젯을 추가한다.



728x90