본문 바로가기
IT와 함께/블로그랑 유튜브랑

티스토리에서 태그(Tag) 숨기는 방법

by 금진놀 2023. 2. 10.
반응형

티스토리에서는 입력한 태그를 기본적으로 보여주는데 HTML 코드에 다섯 글자만 추가하면 이 태그를 숨길 수 있습니다. 

여기서는 그 방법을 알아보도록 하겠습니다. 

--- 

 

1. 티스토리에서 태그와 방문자 수

 

티스토리에서 글을 작성하고 올릴 때, 검색하여 방문하기 쉽도록 여러 키워드로 태그를 입력합니다.

처음엔 글을 써서 올리기에 바쁘지만,  방문자 수를 매일 보면서 그 숫자를 올리고 싶어 집니다. 

키워드를 잘 써야 검색이 잘 된다고 하니 키워드 관련 프로그램을 찾아 이리저리 건드려 보기도 합니다. 

 

그렇게 방문자를 유인하는 소중한 태그이지만 관련 키워드를 많이 넣다 보면 몇 줄에 걸쳐서 표현되어

블로그 아래가 복잡해 보입니다. 마음에 들지 않아요. 

내가 건져낸 소중한 키워드 하나를 지키고 싶을 때도 있으리라 여겨집니다. 

 

2. HTML 코드로 태그 숨기기

 

HTML 코드를 살짝만 건드려서 이 태그를 감출 수 있습니다. 

HTML 코드는 조심스럽게 다뤄주기 바랍니다. 어렵지는 않으니 충분히 조심만 하면 됩니다. 

마우스 이동하다 괜한 걸 지우거나 건드리면 적용시키지 말고 바로 빠져나와 닫았다가 다시 시작해주세요. 

한 번만 지정하면 되니 천천히 시작해 봅니다. 

 

1) 블로그 아이콘을 클릭하여 관리모드로 들어갑니다. 

2) 왼쪽 사이드바 메뉴에서 '스킨편집'을 선택합니다.

사이드바에서 스킨편집 선택 화면

3) 오른쪽 상단의 'html 편집'을 선택합니다.

스킨편집에서 html 편집 선택 화면

4) 오른쪽 html 코드 위치에 마우스를 클릭하고  Ctrl + A + F 를 눌러 전체범위 선택 찾기를 진행합니다. 

html 코드 화면

5) 찾기 창에 '_tag_label_rep'를 입력하여 아래의 코드를 찾아   !-- , -- 를 각각 해당 위치에 똑같이 삽입합니다.

(HTML 주석처리 코드입니다.)

<s_tag_label>
  <div class="tags">
     <h2>태그</h2>
       
   </div>
</s_tag_label>
 ==> <s_tag_label>
  <!--div class="tags">
     <h2>태그</h2>
       
   </div-->
</s_tag_label>

HTML 수정 전 코드 화면
수정 전
HTML 수정 후 코드 화면
수정 후

6) 행 위치는 다를 수 있으니 똑같은 것인지 잘 확인하여 수정하고 '적용'을 클릭합니다.

수정 전후의 블로그 화면은 아래와 같습니다. 

블로그에서 태그 있는 화면과 없는 화면

---

수정 전보다 깔끔해졌습니다. 개인마다 선호하는 바가 다르니 나는 태그가 있는게 좋다고 한다면, 코드를 원상태로 바꾸면 태그를 다시 나타나게 할 수 있습니다. 

 

 

댓글