아주 간단한 html/css 태그를 이용해 나만의 방문자수 카운터를 만들어보자. 갑자기 그냥 하고 싶어 해 봤는데 재밌다.
보통은 이런 모양이다.
이걸~
이렇게 바꿨다. 풉~
어서오이소 = Today
왔다가심 = Yesterday
# 2019.05.06 부터 = 전체 방문자.
거기에 방문 감사 인사.^^
저는 스킨 편집이나 변경시에 테스트 블로그에 해보고 본 블로그에 최종 적용해요. 본 블로그로 실험하다 망한 경우가 몇번 있어서... ㅠㅠ
오늘을 열심히 살아야 하고 오늘이 중요하기에 Today를 맨 위로 올리고 내 블로그가 언제 시작한지도 볼 겸 전체 방문자 이름을 "# 2019.05.06"으로 바꿨다. 뭔가 좀 정리가 더 필요해 보이지만 나름 괜찮아 보이는 데? =.=)?
<s_sidebar_element>
<!-- 전체 방문자 -->
<div class="count">
<h2>전체 방문자</h2>
<p class="total"></p>
<p>Today : </p>
<p>Yesterday : </p>
</div>
</s_sidebar_element>
------------------------------------------------------------------------------------------
<s_sidebar_element>
<!-- 전체 방문자 -->
<div class="count">
<p style="font-size: 20px; font-weight: 700; color: tomato;">
어서오이소 :
</p>
<p>
왔다가심 :
</p>
<p>
# 2019.05.06 부터
</p>
<p class="total" style="font-size: 18px; font-weight: 700;">
</p>
<p style="color: tomato; font-weight: 500;">
방문해주셔서 너무 감사드리고~♥
</p>
</div>
</s_sidebar_element>
스킨 편집 - html에서 "전체 방문자"를 찾는다. 찾기는 html화면을 클릭하고 Ctrl+F 하면 된다. 점선을 기준으로 위가 원본이고 아래가 수정본이다.
수정본에 추가 된 태그.
font-size // 글자 크기
font-weight // 글자 굵기
color // 글자 색
이 3가지뿐이다.
_count_today_
_count_yesterday_
_count_total_ (글 쓰기 오류 때문에 샵샵 갈호는 생략)
요것들은 치환자라 하여 데이터를 불러와 보여주는 태그라 생각하면 쉽겠다.
보여주는 카운터의 순서는 원하는 대로 나열하면 된다.
css 스타일 적용에 관해 조금 더 깊이 설명하고 싶으나 거기까지 필요 없을 듯하다.
내 블로그에 적용 하지 않는 이유...
얼마전 방문자수에 관한 글을 쓴 적이 있다. 누적 방문자수가 몇 명이 되었다. 일 방문자가 최초로 얼마를 넘었다고. 근데 다음날 바로 자기 물건을 홍보해주면 돈을 준다는 문자가 왔다. 1년에 180만원을 준단다. 첨에 1달에 180만원으로 잘 못 읽어 와~ 해볼까 했는데 다시 읽어보니 1년. 그러면서 하는 말이 자료는 자기가 주고 복/붙만 하면 된단다. 주로 맛집/여행에 관한거고 제품 리뷰도 있단다. 내가 먹어보지도 가보지도 써보지도 않은걸 리뷰하레 -_-)? 그게 리뷰여? 그리고 내 전화번호는 누가 팔아먹은건지 살짝 기분이 나쁘기도 하고. 조금만 성장하면 이런 문자를 받는구나. 네이버 블로그 할 때도 무진장받았어. 제발 그만해요. 그 문자들 때문에 전화번호까지 변경했어요. 그러지 마세요. 그래서 앞으로 내 블로그의 숫자에 관한 이야기는 절대 안 하기로 했다.