자신의 블로그 현재 접속자수 확인하기! (블로그 위젯)

핳하 오랜만에 뻘글이나 잡글이 아닌 제대로된 글을 써보는것 같군요...

한동안 컴퓨터를 MP3용도로 사용하다보니 ㅠㅜ

그래도 쓸만한 게시글이 없을려나 흐으음~ 하고 있을때

제가 쓰고있던 블로그 접속자수 확인하는 위젯을 올려볼까~ 하고 포스팅을 하게되었습니다.

제가 일단 사용하고 있는위치는 사이드바 와 게시글 하단에 위치해뒀습니다.

제 블로그에 오시는 분들이 없으니...ㅠㅜ

HTML으로 스킨을 수정해보신 분이라면 쉽게 따라 할수 있으니 한번 시도 해보시는것도 좋을거 같습니다!

전 티스토리 기본 반응형 스킨은 #2를 사용중이구요 다른 스킨을 사용중인분이라면

HTML소스에 맞게 변형 해주시면 될거같습니다.

HTML은 어려운것이아니기때문에 책사서 공부하면 금방 할수있습니다 (HTML은 정적이기 때문에 30분만 공부하여도 기본은 공부할수있습니다)

다만 동적 웹페이지인 JSP는 엄청 어렵습니다ㅠㅜ

먼저 저 위젯의 스크립트 소스를 알아와야 합니다.

아래 사이트에 먼저 접속해줍시다.

<- 스크립트 소스 얻으러 가기 ->

제일먼저 사이트에 들어오면 기본적으로는 이렇게 되어있습니다

제가 화살표친 widgets에 들어가줍시다.

고전 위젯 혹은 색깔위젯을 추천드립니다.

아무래도 꾸밀려면 색깔위젯도 나쁘진 않겠죠 ㅎㅎ

소스 적용방법은 똑같으니 일단은 저 소스코드를 전체 선택해서 복사해준뒤

티스토리 관리->HTML,CSS편집으로 가줍시다.

그리고 적당한곳에 소스코드를 붙여넣어줍시다.

이부분은 사이드바에 해당되는 곳입니다.

<br>태그는 줄바꿈으로써 다른 위젯과 겹치지않게 한줄 내려보내는겁니다

그리고 그냥 위젯만 땅그라니 있는것보다 주석을 달아주는게 좋겠죠?

<h3>태그나 <h3>정도의 텍스트크기로 저와같이 작성해주시면 됩니다.

그리고 그 아랫줄엔 복사했던 소스코드를 붙여넣기! 해줍시다.

그리고 새로고침한뒤 오른쪽 사이드바를 펼쳐보시면

현재 접속자수를 나타냅니다.

그리고 게시글 최하단에 붙여넣은 코드는

HTML에서 조금 아랫쪽에 내려가시면

핳하 오랜만에 뻘글이나 잡글이 아닌 제대로된 글을 써보는것 같군요...

한동안 컴퓨터를 MP3용도로 사용하다보니 ㅠㅜ

그래도 쓸만한 게시글이 없을려나 흐으음~ 하고 있을때

제가 쓰고있던 블로그 접속자수 확인하는 위젯을 올려볼까~ 하고 포스팅을 하게되었습니다.

제가 일단 사용하고 있는위치는 사이드바 와 게시글 하단에 위치해뒀습니다.

제 블로그에 오시는 분들이 없으니...ㅠㅜ

HTML으로 스킨을 수정해보신 분이라면 쉽게 따라 할수 있으니 한번 시도 해보시는것도 좋을거 같습니다!

전 티스토리 기본 반응형 스킨은 #2를 사용중이구요 다른 스킨을 사용중인분이라면

HTML소스에 맞게 변형 해주시면 될거같습니다.

HTML은 어려운것이아니기때문에 책사서 공부하면 금방 할수있습니다 (HTML은 정적이기 때문에 30분만 공부하여도 기본은 공부할수있습니다)

다만 동적 웹페이지인 JSP는 엄청 어렵습니다ㅠㅜ

먼저 저 위젯의 스크립트 소스를 알아와야 합니다.

아래 사이트에 먼저 접속해줍시다.

<- 스크립트 소스 얻으러 가기 ->

제일먼저 사이트에 들어오면 기본적으로는 이렇게 되어있습니다

제가 화살표친 widgets에 들어가줍시다.

고전 위젯 혹은 색깔위젯을 추천드립니다.

아무래도 꾸밀려면 색깔위젯도 나쁘진 않겠죠 ㅎㅎ

소스 적용방법은 똑같으니 일단은 저 소스코드를 전체 선택해서 복사해준뒤

티스토리 관리->HTML,CSS편집으로 가줍시다.

그리고 적당한곳에 소스코드를 붙여넣어줍시다.

이부분은 사이드바에 해당되는 곳입니다.

<br>태그는 줄바꿈으로써 다른 위젯과 겹치지않게 한줄 내려보내는겁니다

그리고 그냥 위젯만 땅그라니 있는것보다 주석을 달아주는게 좋겠죠?

<h3>태그나 <h3>정도의 텍스트크기로 저와같이 작성해주시면 됩니다.

그리고 그 아랫줄엔 복사했던 소스코드를 붙여넣기! 해줍시다.

그리고 새로고침한뒤 오른쪽 사이드바를 펼쳐보시면

현재 접속자수를 나타냅니다.

그리고 게시글 최하단에 붙여넣은 코드는

HTML에서 조금 아랫쪽에 내려가시면

부분에 삽입해주시면 됩니다.

전 스크립트나 소스가 2개정도 더있어서 그런데 그이유는 제 블로그 하단에 보시면 알겠지만

네이버 이웃커넥터와 블로그차트 위젯이 삽입되어 있어서 그렇습니다.

대충 저쯤에 <br>태그와 <h3>태그를 이용해서 글을달아주고

다시한번 소스 코드 붙여넣기후 저장, 새로고침을 하게되시면

짜장 하고 아랫쪽에 뜨게됩니다.

[스킨은 #2 반응형 스킨을 기준으로 작성되었으며 기타 위젯도 적용방법을 포스팅 원하시면 댓글 남겨주세요]

제 스킨과는 약간 다를수있으므로 #2를 사용중이신 분이라면 제 HTML을 참고해서 작성해서 바로쓰시면되구요

다른 스킨을 사용중이신분이라면 적당한 위치를 알아내셔서 삽입을 해주시면 될거같습니다.

HTML은 꼼수만 있으면 HTML을 배우지않아도 인터넷에 돌아다니는 정보만으로도 쉽게 독학할수있는 언어입니다.

물론 웹페이지 제작정도의 기술을 구현할려면 배워야 하는게 맞습니다만 블로그 꾸미는것정도는 쉽게 배울수 있기때문에 한번쯤은 도전해보는것도 나쁘진 않습니다.

그외 궁금한점은

공지사항을 잘보시고 오픈채팅으로 물어봐주시면 감사하겠습니다

▷공지사항 바로가기◁

부분에 삽입해주시면 됩니다.

전 스크립트나 소스가 2개정도 더있어서 그런데 그이유는 제 블로그 하단에 보시면 알겠지만

네이버 이웃커넥터와 블로그차트 위젯이 삽입되어 있어서 그렇습니다.

대충 저쯤에 <br>태그와 <h3>태그를 이용해서 글을달아주고

다시한번 소스 코드 붙여넣기후 저장, 새로고침을 하게되시면

짜장 하고 아랫쪽에 뜨게됩니다.

[스킨은 #2 반응형 스킨을 기준으로 작성되었으며 기타 위젯도 적용방법을 포스팅 원하시면 댓글 남겨주세요]

제 스킨과는 약간 다를수있으므로 #2를 사용중이신 분이라면 제 HTML을 참고해서 작성해서 바로쓰시면되구요

다른 스킨을 사용중이신분이라면 적당한 위치를 알아내셔서 삽입을 해주시면 될거같습니다.

HTML은 꼼수만 있으면 HTML을 배우지않아도 인터넷에 돌아다니는 정보만으로도 쉽게 독학할수있는 언어입니다.

물론 웹페이지 제작정도의 기술을 구현할려면 배워야 하는게 맞습니다만 블로그 꾸미는것정도는 쉽게 배울수 있기때문에 한번쯤은 도전해보는것도 나쁘진 않습니다.

그외 궁금한점은

공지사항을 잘보시고 오픈채팅으로 물어봐주시면 감사하겠습니다

▷공지사항 바로가기◁