티스토리를 운영할때 자신이 직접 스킨을 제작해서 쓰는 경우는 별로 없습니다. 플랫폼에서 제공하는 기본 스킨을 쓰는 경우가 많은데요. 그렇다보니 세세한 부분까지 편집해서 사용하기는 어렵습니다. 하지만 HTML 편집 기능을 이용해서 손을 볼 수 있는데요.
오늘은 티스토리에 애드센스의 멀티플렉스 광고를 넣을때 자주 활용되는 위치인 관련글 보기 부분을 제거하는 방법에 대해서 알아보겠습니다.
제 경우에는 본문 중심의 블로그 운영을 하고 싶어서 제거하는 방법을 알아봤었는데요. POSTER 스킨 자체가 깔끔한 형태라서 그냥 다시 살렸습니다. 멀티플렉스 광고는 제 취향과는 맞지 않아서 그냥 이대로 쓸 생각인데 필요한 분들이 있을까봐 올려봅니다.
티스토리 스킨에서 관련글 보기 제거하기
▲ 보통 관련글 보기는 공감 버튼 밑, SNS 연동 밑, 카테고리의 다른 글 밑에 위치하게 됩니다. PC에서는 본문 화면과 같이 보이지만 모바일에서는 본문 밖에 위치해서 길이가 길어지는 이유가 되지요. 이 부분을 없애서 애드센스 광고를 넣을 분들은 이 방식을 활용하시기 바랍니다.
▲ 블로그 관리자 화면에서 꾸미기 - 스킨편집으로 들어갑니다.
▲ 편집 화면에서 오른쪽 상단에 있는 html편집 버튼을 눌러서 편집 창으로 넘어갑니다.
▲ 편집 창에서 HTML 창을 열고 Ctrl + F 버튼을 눌러서 <s_article_related>를 검색해줍니다. 검색이 어렵다면 스크롤을 내려서 아래 부분을 찾거나 '관련글'로 검색해서 아래 부분을 찾으시면 됩니다.
▲ 티스토리 스킨에서 관련글 보기 부분 HTML 코드입니다. 이 부분에 애드센스 광고 코드를 넣으면 됩니다. 보통은 멀티플렉스 광고 코드를 넣는 것으로 알고 있습니다.
<s_article_related>
DIV 코드
</s_article_related>
▲ 단순히 관련글 보기를 삭제하고 싶다면 이 부분을 모두 지워주면 됩니다.
▲ 만약 삭제 후 다시 되돌아갈 걱정을 하기 싫다면 위 이미지처럼 <!-- 관련글보기 제거 --> 로 주석을 달아서 보이지 않게 바꾸시면 됩니다. 나중에 다시 원래대로 되돌리려면 밑줄 친 부분만 지워주면 됩니다.
※ 코드 안에 또 다른 주석이 들어있어서 제거 주석이 먹히지 않는다면 자리 표시만 하고 <s_article_related> 내에 코드를 모두 복사해 메모장에 옮기고 지워주면 됩니다.
사족
개인적으로 직접 멀티플렉스 광고나 반응형 단일 광고를 넣어서 구동 장면까지 보여드리고 싶은데요. 현재 애드센스 광고 송출이 잘 이루어지지 않는 관계로 그 부분은 담지 못한 점 안타까울 뿐이네요. <s_article_related> 자리는 맞으니 참고하셔서 활용하시기 바랍니다.
댓글