티스토리 반응형#2스킨에 모바일 하단에 방문수 추가하는 방법

티스토리 반응형 #2의 모바일화면의 메뉴는 어딘가 모르게 비어있는 듯한 느낌이 없지않아 있는 것 같습니다.

그래서 모바일 하단에도 방문자 수가 나타나게끔 표시를 하였습니다.

아래의 글쓰기 버튼도 추가하는 방법을 다음 포스팅에서 알려드리도록 하겠습니다.

티스토리 반응형#2스킨에 글목록/방명록/이웃추가 넣기

티스토리 반응형#2스킨에 PC화면좌측 방문수 추가하는 방법 

설정하는 방법

티스토리 모바일화면.txt

반응형 스킨 #2에는 모바일 화면에서 방문자수가 나타나지 않습니다. 딱히 있어도, 없어도 상관은 없지만 디자인을 위해서 추가를 하였습니다.

확실히 추가를 하고 난 후 모바일화면이 나아보이긴 합니다.

우선 위의 파일을 다운받아주세요.

위와 같이 HTML상에 치환자를 삽입 해 줍니다.

검색을 공지사항으로 검색을 해 주시면, <div class="wrap_etc">라는 치환자가 보입니다. 이 위에 아래의 치환자를 삽입 해 주세요.

<div class="m_visitor">

Today : <br />Yesterday : <br />Total :

</div>

앞서, PC화면과 중간화면에 방문자 수가 나타나게 설정을 하였습니다. 모바일에서는 나타나지 않게 설정까지 했었는데, 이 치환자가 PC화면이나 중간화면에 나타나면 안되겠죠? 그래서 또 치환자를 삽입 해 줍니다.

2번 링크를 앞서 PC화면에 방문자수가 나타나게 설정했던 치환자 위에 삽입하셔도 되고, /* footer */를 검색 하셔서 이 위에 아래의 치환자를 삽입하셔도 됩니다.

/* visitor */

.m_visitor {display:none}

그리고 모바일에서는 표시가 되어야 하니 한가지를 더 추가합니다.

위를 참고하셔서 삽입을 하시면 됩니다. #2를 적용하시는 분들이라면 저와 비슷한 위치일것입니다.

@media

only screen and (max-width:738px){

를 찾아주시거나 혹은 #2를 적용하신 분들이라면 스킨이라고 검색을 하시면 위의 치환자가 보입니다.

이 아래에 아래의 치환자를 추가하시면 됩니다.

.m_visitor {display:block;position:fixed;right:20px;bottom:60px;text-align:right;font-size:12px}