티스토리 블로그 페이지 이동 버튼 삭제하는 방법

티스토리 블로그 페이지 이동 버튼 삭제하는 방법

 

환경: Chrome

 

티스토리 블로그의 상세 페이지 하단에는 페이지 이동을 위한 버튼이 있습니다. 간혹 해당 버튼이 불필요하다고 느껴서 삭제하고 싶으신 분들이 있더군요. 숫자로 이루어진 페이지 처리 버튼을 찾아서 삭제하는 방법을 알아 보겠습니다.

 

◎ 크롬 개발자 도구로 해당 위치 찾기

 

▼ 먼저 페이지 처리 버튼의 위치를 찾아야 합니다. HTML 페이지에서 버튼의 위치를 찾기 위해 크롬 관리자 도구를 띄웁니다. 단축키는 F12 입니다. 화면 하단이나 옆에 관리자 도구 화면이 뜨면 페이지 버튼이 있는 위치에 마우스를 가져 갑니다. 그러면 관리자 도구의 Elements 탭 화면에 마우스로 가져간 위치의 HTML 이 선택됩니다.  

 

▼ 페이지 이동을 위한 영역은 <div id=”paging”> ~ </div>로 감싸여 있습니다. 티스토리 관리자 페이지로 가서 해당 부분을 삭제하면 화면에서 사라지겠죠. 

 

◎ 티스토리 관리자 페이지에서 편집

 

▼ 이제 찾아낸 페이지 이동 버튼을 삭제해 보겠습니다. 티스토리 관리자 페이지로 접속한 후 꾸미기 > 스킨편집 메뉴를 선택합니다. 

 

▼ 스킨 편집 화면에서 HTML 편집 버튼을 찾아 클릭합니다. 

 

▼ HTML 편집 창에서 HTML 탭으로 이동합니다. 페이지 이동 영역의 태그를 쉽게 찾기 위해 검색 기능을 이용하겠습니다. Ctrl + F 버튼을 누르면 화면 상단에 검색창이 뜹니다. 여기에 검색어로 “paging” 을 입력합니다. 

 

▼ 그림처럼 검색을 이용하면 복잡한 HTML 태그에서 <div id=”paging”> ~ </div> 영역을 쉽게 찾을 수 있습니다. 해당 HTML 을 삭제하면 화면에서 페이지 이동 버튼은 사라집니다. 나중에 재사용할 수도 있으니 백업해 두는 것이 좋겠죠.