블로그 팁 - 이올린 추천 버튼 제거하기

블로그 팁 - 이올린 추천 버튼 제거하기

티스토리 블로그의 가장 큰 장점은 아마도 스킨을 편집 할 수 있는 것이 아닌가 생각됩니다.
마음에 안드는 부분은 과감히 정리하고 내가 넣고 싶은 기능을 넣을 수 있는 것이 바로 티스토리의 매력인데요. 이번엔 오랫동안 마음에 안들었던 "이올린 추천 버튼"을 제거해 보았습니다.
( 이올린은 아마 메타 블로그 사이트 같은데 이용해보지는 않았습니다. ㅎ )

예전의 제 블로그를 보시면 추천메뉴와 카테고리 더 보기 사이에 "이올린에 북마크하기" 와 "이올린에 추천하기" 라는 기능이 있던것을 볼 수 있습니다. 이올린이라고 하는 사이트로 제 글을 보내는 플러그인을 사용해서 이런 버튼이 생겼었는데요. 미관상 별로 좋아 보이지 않았고, 스킨을 편집하다보니 저 위치에 있는게 스킨 편집을 방해하길래 없에 보려고 했습니다.

이올린에 글보내기 플러그인을 제거해도 그 버튼은 없어지지 않더라구요. 아마도 이미 보내진 글에 대해서는 버튼이 사라지지 않거나 아니면 그 버튼을 제거 할 수 있는 플러그인이 사용 종료 되었거나, 둘 중 하나로 생각이 듭니다.

이올린 추천 버튼 없에기

그래서 이올린 추천 버튼을 없에기 위해서는 직접 스킨 편집을 해야합니다.
관리자모드에서 [스킨] -> [HTML/CSS 편집] 메뉴로 들어가셔서 "style.css" 부분에 편집을 하셔야 합니다.

바로 이 부분이죠..

HTML/CSS 편집 기능에는 두 가지 편집창이 있는데, 위 쪽은 HTML 코드를 수정하는 부분이고 아래부분은 스타일 시트인 CSS 파일을 편집 할 수 있는 부분입니다. HTML 코드 부분에는 아무리 찾아봐도 이올린 버튼을 수정할 수 있는 부분이 없더라구요. 그래서 할 수 없이 CSS에서 수정을 해야 합니다.

참고 링크
[1] 티스토리 초보팁 20편 - HTML/CSS 편집을 이용한 블로그 스킨 수정

다음 코드를 style.css 편집 부분에 붙여 넣습니다.

/* 이 올림 북마크 버튼 제거하기 */
.EolinBmVote { display : none }

미리보기나 저장을 눌러서 결과를 보시면

이올린 추천 버튼과 북마크 버튼이 사라진 것을 볼 수있습니다. 한결 깔끔해 졌네요.

PS. 사실 이 방법은 실제로 이올린 버튼을 없엔 것이 아니라 이올린 버튼을 웹 브라우저 화면에 표시하지 않겠다는 CSS 구문을 추가한 것뿐입니다. 웹 브라우저에 따라서는 display:none 을 걸어 놨을 때, 출력은 안되지만 1px*1px의 공간을 잡아 먹고 있는 경우도 있었는데요. 아예 없앨 수 있는 방법을 찾고 있습니다 ㅜㅜ 아시면 댓글에 남겨주세요.