각 블로그 포스팅에 대한 조회수를 설정해보자.
2007.11.08 01:11
5159
0
이온디
첨부파일
https://imweb.eond.com/webtip/155869 
이 팁은 테터툴즈, 티스토리에 한합니다.
제작자 : Sammy
이름 : Blog Page Counter / 블로그 페이지 카운터
설명 : 블로그 페이지 카운터를 한번 만들어봤습니다.
티스토리의 경우 플러그인 적용이 힘들기 때문에 자바스크립트로 제 호스팅 디비와 연동시켜
표시하는 방법으로 사용 가능합니다.
표시하는 형식은 디자인 변경이 용이하도록 텍스트 형식으로 스타일이 적용되게 했습니다.
출처 : http://www.n-3.net/blog (클릭하시면 새창으로 원 글이 열립니다.)
이름 : Blog Page Counter / 블로그 페이지 카운터
설명 : 블로그 페이지 카운터를 한번 만들어봤습니다.
티스토리의 경우 플러그인 적용이 힘들기 때문에 자바스크립트로 제 호스팅 디비와 연동시켜
표시하는 방법으로 사용 가능합니다.
표시하는 형식은 디자인 변경이 용이하도록 텍스트 형식으로 스타일이 적용되게 했습니다.
출처 : http://www.n-3.net/blog (클릭하시면 새창으로 원 글이 열립니다.)
샘플은 아래와 같습니다.
샘플1. 기본 샘플입니다.
샘플2. 다음과 같이 변경 가능합니다.
샘플1. 기본 샘플입니다.
샘플2. 다음과 같이 변경 가능합니다.사용방법 : 사용법은 아래의 코드를 skin.html 의 원하는 부분에 붙여 넣으시면 됩니다.
디자인 외에 따로 설정할 것은 없습니다.
디자인 변경하실 분은 <style>..</style> 부분 정도만 고치시면 됩니다.
조회전체, 오늘, 어제 등의 텍스트 변경을 원하시면 아래의 코드 중에
조회 전체: 를 Total view : 등으로 고치면 됩니다.
조회 부분을 클릭하면 인기글 목록을 표시해주는 페이지로 이동됩니다.
아래 소스를 복사하여 skin.html의 원하는 곳에 붙여넣으면 됩니다.
아래 ti_and_tatter_page_counter를 다운받으셔서 내용을 복사한 후
skin.html 에서 나타내고자 하는 부분에 붙여넣기 하시면 됩니다.
디자인 외에 따로 설정할 것은 없습니다.
디자인 변경하실 분은 <style>..</style> 부분 정도만 고치시면 됩니다.
조회전체, 오늘, 어제 등의 텍스트 변경을 원하시면 아래의 코드 중에
조회 전체: 를 Total view : 등으로 고치면 됩니다.
조회 부분을 클릭하면 인기글 목록을 표시해주는 페이지로 이동됩니다.
아래 소스를 복사하여 skin.html의 원하는 곳에 붙여넣으면 됩니다.
아래 ti_and_tatter_page_counter를 다운받으셔서 내용을 복사한 후
skin.html 에서 나타내고자 하는 부분에 붙여넣기 하시면 됩니다.
ti_and_tatter_page_counter
이 파일을 다운받아서 내용을 복사해서 사용하시기 바랍니다. 아래는 소스 설명입니다.
ti_and_tatter_page_counter.txt
이 파일을 다운받아서 내용을 복사해서 사용하시기 바랍니다. 아래는 소스 설명입니다.
ti_and_tatter_page_counter.txt
1 <!--//skin.html 파일에 아래를 복사해 붙여넣으시면 됩니다//-->
2 <!-- //starting page counter script by n-3.net// -->
3 <style type="text/css">
4 #cnt-total-title {font-weight:normal;} /*"조회 전체"스타일*/
5 #cnt-today-title {font-weight:normal;} /*"오늘" 스타일*/
6 #cnt-yesterday-title {font-weight:normal;} /*"어제" 스타일*/
7 #cnt-total {font-weight:normal;} /*전체카운터 스타일*/
8 #cnt-today {font-weight:normal;} /*오늘카운터 스타일*/
9 #cnt-yesterday {font-weight:normal;} /*어제카운터 스타일*/
10 </style>
11 <span id="ct-total" style="display:none;">조회 전체: </span> <!--//전체 타이틀//-->
12 <span id="ct-today" style="display:none;"> , 오늘 </span> <!--//오늘 타이틀//-->
13 <span id="ct-yesterday" style="display:none;"> , 어제: </span> <!--//어제 타이틀//-->
14 <span id="ct-[##_article_rep_link_##]" style="display:none;">[##_article_rep_title_##]</span>
<!--//카운팅 페이지 타이틀// -->
15 <span id="cp-[##_article_rep_link_##]" style="display:none;">[##_article_rep_link_##]</span>
<!--//카운팅 페이지 링크//-->
16 <script language='javascript' type='text/javascript'>
17 var title = document.getElementById("ct-[##_article_rep_link_##]").innerHTML;
18 var page = document.getElementById("cp-[##_article_rep_link_##]").innerHTML;
19 var total = document.getElementById("ct-total").innerHTML;
20 var today = document.getElementById("ct-today").innerHTML;
21 var yesterday = document.getElementById("ct-yesterday").innerHTML;
22 var reg = /'/gi;
23 var enct = encodeURIComponent(title.replace(reg,"\'"));
24 var encp = encodeURIComponent(page.replace(reg,"\'"));
25 var ett = encodeURIComponent(total.replace(reg,"\'"));
26 var etd = encodeURIComponent(today.replace(reg,"\'"));
27 var eyd = encodeURIComponent(yesterday.replace(reg,"\'"));
28 document.write('<script type="text/javascript" charset="utf-8"
src="http://n-3.net/count/counter.js.php?enct='+enct+'&encp='+encp+'&ett='+ett+'&etd='+etd+'
&eyd='+eyd+'"></'+'script>');
29 </script>
30 <!-- //end of page counter script by n-3.net// -->
2 <!-- //starting page counter script by n-3.net// -->
3 <style type="text/css">
4 #cnt-total-title {font-weight:normal;} /*"조회 전체"스타일*/
5 #cnt-today-title {font-weight:normal;} /*"오늘" 스타일*/
6 #cnt-yesterday-title {font-weight:normal;} /*"어제" 스타일*/
7 #cnt-total {font-weight:normal;} /*전체카운터 스타일*/
8 #cnt-today {font-weight:normal;} /*오늘카운터 스타일*/
9 #cnt-yesterday {font-weight:normal;} /*어제카운터 스타일*/
10 </style>
11 <span id="ct-total" style="display:none;">조회 전체: </span> <!--//전체 타이틀//-->
12 <span id="ct-today" style="display:none;"> , 오늘 </span> <!--//오늘 타이틀//-->
13 <span id="ct-yesterday" style="display:none;"> , 어제: </span> <!--//어제 타이틀//-->
14 <span id="ct-[##_article_rep_link_##]" style="display:none;">[##_article_rep_title_##]</span>
<!--//카운팅 페이지 타이틀// -->
15 <span id="cp-[##_article_rep_link_##]" style="display:none;">[##_article_rep_link_##]</span>
<!--//카운팅 페이지 링크//-->
16 <script language='javascript' type='text/javascript'>
17 var title = document.getElementById("ct-[##_article_rep_link_##]").innerHTML;
18 var page = document.getElementById("cp-[##_article_rep_link_##]").innerHTML;
19 var total = document.getElementById("ct-total").innerHTML;
20 var today = document.getElementById("ct-today").innerHTML;
21 var yesterday = document.getElementById("ct-yesterday").innerHTML;
22 var reg = /'/gi;
23 var enct = encodeURIComponent(title.replace(reg,"\'"));
24 var encp = encodeURIComponent(page.replace(reg,"\'"));
25 var ett = encodeURIComponent(total.replace(reg,"\'"));
26 var etd = encodeURIComponent(today.replace(reg,"\'"));
27 var eyd = encodeURIComponent(yesterday.replace(reg,"\'"));
28 document.write('<script type="text/javascript" charset="utf-8"
src="http://n-3.net/count/counter.js.php?enct='+enct+'&encp='+encp+'&ett='+ett+'&etd='+etd+'
&eyd='+eyd+'"></'+'script>');
29 </script>
30 <!-- //end of page counter script by n-3.net// -->
1~10줄까지는 <head>와 </head> 사이에 넣어주시고,
11~30줄까지는 글의 하단부에 나타내고자 하는 위치에 복사하여 붙여넣기 하시면 됩니다.
11~30줄까지는 글의 하단부에 나타내고자 하는 위치에 복사하여 붙여넣기 하시면 됩니다.
첨부파일
글목록
코멘트 0
접기/펴기 | 댓글 새로고침
정말 이 글을 삭제하실건가요? -_-...
닫기
이온디
"각 블로그 포스팅에 대한 조회수를 설정해보자."
"각 블로그 포스팅에 대한 조회수를 설정해보자."
Total 683 articles in 39 / 57 pages
| 제목 |
|
날짜 |
|---|---|---|---|
| 227 |
[윈도우] 마우스키 설정으로 컴퓨터 하기
| 9497 | 2013/07/27 |
| 226 | [하드웨어] CPU 순위 | 5868 | 2013/10/09 |
| 225 | [윈도우] 윈도우 7 64비트 서비스팩1 설치 실패 | 19501 | 2013/10/29 |
| 224 | [가상윈도우] [VirtualBox] VirtualBox 저장소(VDI) 용량 늘리기 | 7642 | 2013/10/29 |
| 223 | [기타] 이클립스 Failed to crate the java machine 해결 방법 질문입니다. [1] | 6447 | 2013/11/11 |
| 222 | [생활] CGV/롯데시네마/메가박스/프리머스 영화 싸게보는법! 재밌는 영화, 할인받아보자 | 7904 | 2013/12/16 |
| 221 | [엑셀] 수식 전체 입력하기 | 5787 | 2013/12/31 |
| 220 | [엑셀] IF 조건문 | 7516 | 2013/12/31 |
| 219 | [생활] 뱅크월렛 사용하기 [4] | 7523 | 2014/01/08 |
| 218 | [사이트관리] Apache 서버 .htaccess 활용(접근 제어 - 아이피 제어) | 5995 | 2014/02/09 |
| 217 | [하드웨어] 새로 산 하드에 공진음이 들린다 | 5184 | 2014/02/15 |
| 216 | [윈도우] 윈도우 복원 방법 정리 | 5418 | 2014/02/15 |
태그
설정
글쓰기
