최근 몇년전 부터 스마트 기기가 보급화되고 모바일 웹페이지로 블로그에 접속하는 사람들이 늘어나고 있습니다.
티스토리 블로그도 마찬가지로 트위터나 페이스북 등의 SNS를 통해서 유입하는 경우도 많은데요..개인적으로 티스토리의 모바일 페이지를 보고 있으면 좀 거슬리는 부분이 있습니다...
'다음' 홈페이지 대문에서나 나오는 '실시간이슈'와 '소셜픽'이 그 대표적이죠.(사람마다 다르겠지만 티스토리 블로그에 왜 저런 부분이 있는지 모르겠네요~ 아무리 티스토리가 태생이 '다음'이라고 하지만..)
그런데 모바일 페이지에 전혀 신경안쓰시는 분들은 제외구요^^
이런 부분들이 좀 보기 싫은데 눈에 안보이게 하는 방법이 따로 없을까? 고민하는 분들에게는 지금부터 설명해 드리는 방법이 많은 도움이 되지 않을까 생각되네요~
사실 티스토리 모바일 페이지에서 '실시간이슈'를 감추는 방법은 오래전에도 있었습니다..
그런데 지금은 모바일 페이지가 조금 달라졌습니다..초반엔 다음의 광고플랫폼 "AD@M"이라는 모바일 광고가 티스토리 사용자들의 의견도 배제한채 자동적으로 나타났었답니다..
기억 하시는분들 많겠죠?^^게다가 거기에 다음의 '실시간이슈'까지...티스토리 블로그에 사용자들이 원치않는 부분까지 노출되는 문제점이 많았죠~
바로 위 캡쳐화면에 보이는 부분이 티스토리 모바일페이지 '실시간이슈' 부분 입니다..
지금은 "AD@M"이라는 광고가 완전히 사라졌는데..여전히 저 '실시간이슈'는 티스토리 모바일페이지에서 노출되고 있습니다~~ 바로 이 부분을 노출되지 않게끔 감추는 방법을 알려드리고자 합니다^^
기존의 방법은 <STYLE>#daumAd, #searchRankArea{display:none;}</STYLE> 라는 서식을 만들어서 본문 최하단에 삽입하면 해결이 되었는데요.. 지금은 이 방법이 전혀 통하지 않습니다...
우선 daumAD였던 "AD@M"은 없어진 상태이구요...'searchRankArea'라는 소스이름도 완전히 사라졌기때문이죠^^
아마 지금도 기존 방법을 사용하면 될꺼라 생각하고 적용하신 분들도 있을텐데요..당연히 되지 않습니다~~
역시 이 방법을 알아내는데...구글 크롬 '요소 검사' 기능이 정말 많은 도움이 되었답니다^^ 아래 캡쳐화면을 보시면...
이 블로그의 예전 포스팅의 모바일 페이지로 접속후 구글 크롬 '요소 검사'를 실행시켜서 모바일 페이지 하단에 있는 '실시간이슈' 부분을 찾습니다.
티스토리 모바일페이지 '실시간이슈' 감추기
소스보기에 보면 친절하게도 실시간 이슈부분이 한눈에 들어오는데...
저기서 'hottrendsContainer' 라는 부분이 통째로 안보이게 수정을 해줘야 해요^^기존 방법을 알고 계셨던 분이라면 눈치채셨겠지만...맞습니다^^
글자만 'hottrendsContainer'로 변경해서 적용하면 됩니다~여기서 잠깐.. 서식을 사용하는 방법을 알아보자면..
글쓰기 화면에서 오른쪽에 보이는 서식과 html를 체크한 다음..
<style>#hottrendsContainer{display:none;}</style라는 소스를 넣고 저장하면 하나의 서식이 완성 되는거죠^^ 아주 간단합니다~~
그리고 소스내용의 'display:none' 이라는게 중요합니다...즉.. 저 부분을 삭제하는게 아니라 안보이게끔 감추기만 한다는 이야기죠^^
손으로 직접 쓰기 번거로운 분들을 위해서 바로 아래에 티스토리 모바일 페이지 '실시간이슈' 감추기는 소스를 화일로 첨부합니다~
실시간이슈감추기.txt
만들어진 서식은 본문 글쓰기 할때 최하단부에 위치를 선정하고 해당 서식을 클릭해주면 자동 삽입된답니다^^
이 서식말고도 다른 서식들도 자기 입맛에 맞게 만들어서 저장해두고 글쓰기 할때 꺼내쓰면 정말 편리하죠.. 티스토리 모바일페이지 '실시간이슈' 감추기 소스를 적용한 결과를 보면...
위와 같습니다^^
오른쪽이 소스적용하기 전이구요..왼쪽이 소스를 적용해서 '실시간이슈'가 노출되지 않는 상태입니다..
꼭 '실시간이슈'가 아니더라도 티스토리 모바일페이지에서 맘에 안드는 부위가 있다면 이런 방법을 통해서 다양하게 테스트 해보면 많은 도움이 될것 같네요^^