티스토리 블로그 공감버튼 제거 & 추가

2018.05.22 23:59


티스토리 블로그 공감버튼 제거 & 추가


안녕하세요~ 버블프라이스 입니다.

현재 tistory blog 를 운영중이시고 이웃이 없어서 공감 숫치가 적은 경우에는 기분상으로 버튼을 제거 하는 분들이 계실것 같은데요~ 이번 시간에는 "티스토리 블로그 공감버튼 제거 & 추가"하는 방법에 대해 알아보겠습니다.


N 블로그와 다르게 tistory blog는 이웃 커넥터가 없어서, 사용하고자 하면? 링크를 이용해 이 웃 커넥터 기능을 대신할 수가 있는데요~

2017/12/09 - [IT관련/인터넷] - 티스토리 블로그 링크를 이용해 이웃기능 활용하기


방법이 궁금하신 분들은? 위의 글을 참고해주시면 좋을것 같습니다.


아래에 계속 이어서

"티스토리 블로그 공감버튼 제거 & 추가"


아래와 같이 공감 버튼은?

이번에 tistory 가 개편이 되면서 (이전) 가운데가 아니라 왼쪽 하단부에 위치해 있는 것을 알 수 있습니다.

이웃 분들이 많이 계셔서 서로 상호 공감을 클릭하다 보면?

20개, 50개도 누적되고 그러는데요~  사진과 같이 3개 이거나 그 이하 일 경우에는..

조금 암울할 것도 같습니다^^;


그래서 이번시간에는 이 공감버튼을 없애기 해볼 것입니다.

티스토리 블로그 공감버튼 제거 & 추가


먼저!

tistory blog 계정에 로그인을 합니다.

그런다음 [꾸미기] 에 보시면 [스킨 편집]이라고 있는데요~

마우스로 클릭해주세요.

"티스토리 블로그 공감버튼 제거 & 추가"

스킨편집에서 - [HTML 편집]에 들어갑니다.

보이는 화면은? 현재 사용하고 계신 스킨에 따라 다를 수 있지만 들어가는 방법은 동일합니다.^^


"티스토리 블로그 공감버튼 제거 & 추가"

예전에 저는 HTML 편집으로 공 감 버 튼을 숨기기 했었는데요~

그보다 더 쉬운 방법이 있어서 공유합니다.


HTML 항목을 클릭해서 수정하시는 것이 아닌!

[CSS] 항목에 들어가주세요.

CSS에서는 주로 서식, 글꼴, 헤드 크기 등을 수정할 수가 있는데요~

(공감, 공유, 신고버튼) 을 제거하거나 공감 버튼 위치를 바꾸는 것도 CSS 에서 조금만 수정하면 가능합니다.


위 사진과 같이 CSS 항목을 클릭 후

.container_postbtn {display: none;}


code를 입력해주시고 저장을 하는 방법이 있고요~

위치는 적절한 곳에 넣어주시면 되는데요~

시작하는 부분이나 끝부분에 넣어주셔도 되겠습니다.

"티스토리 블로그 공감버튼 제거 & 추가"


위에는 공 감 버 튼을 없애기 하기 이전의 사진입니다.

이제부터 없애기를 해보겠습니다.

"티스토리 블로그 공감버튼 제거 & 추가"

code가 조금 다르지만

방법은 같습니다.


1. CSS 를 클릭

2. 적절한 위치, 앞부분이나 뒷부분에다 다음의 코드를 입력

.like_btn{display:none}


3. 저장을 누른다.


"티스토리 블로그 공감버튼 제거 & 추가"

이렇게 하면? 위 사진과 같이 감쪽같이 공감버튼이 사라진 것을 눈으로 확인하실 수 있습니다.

그러면 추가하고자 할때는? 방금 입력한 코드를 없애면 다시 나타나겠죠?

정말 간단합니다.^^


아래에는 직접 코드를 입력하지 않으셔도 텍스트에서 복사하여 붙여넣기를 하셔서 CSS 항목을 클릭하시고 시작 부분이나 끝부분 쪽, 원하시는 위치에 복사하여 붙여넣기 해주시면 되겠습니다. 추가로 (공감, 공유, 신고버튼) 제거하는 코드도 넣었습니다.

삽입해야 하는 코드.txt


이상 오늘 내용 유익하셨나요?

언제나 많이 웃으시고 건강하세요

감사합니다.

작성자

Posted by 버블프라이스

작성자 정보

IT, 뷰티, 엔터테인먼트, 일상이야기 관련테마 블로그

태그

관련 글

댓글 영역

블로그