[티스토리] 공감버튼 가운데로 옮기기, 공감버튼 삭제하기

앞선 글들에서는 애드센스 광고를 티스토리에 어떻게 넣는지 등에 대해 알려드렸습니다. 이번 글은 티스토리 글 하단에 있는 공감버튼을 좌, 우, 중간으로 이동시키는 방법에 대해 알려드리겠습니다.

보통 세팅을 하지 않은 상태에서는 공감버튼이 글의 좌측 하단에 위치합니다. 이렇게 위치 된 공감버튼은 상대적으로 잘 보이지 않는 좌측하단에 위치하기에 가운데로 옮기고 싶어집니다. 

공감 버튼을 원하는 위치에 정렬하고 싶으신 분들도 계시고, 공감버튼을 보이지 않게 하고 싶으신 분들도 계실 것 같습니다. 이번 글은 그 두 가지 모두를 충족 시키실 수 있게 두 방법 모두를 알려드리려고 합니다.

이 공감버튼의 위치를 수정하기 위해서는 역시 html편집으로 들어가야 합니다.

앞선 두 글인 애드센스 광고를 상단에 그리고 하단에 넣는 방법에서도 역시 스킨 편집으로 들어가 코드를 수정했습니다. 이번에도 마찬가지입니다. 

앞선 두 글에서 보셨듯이 블로그관리에서 스킨 편집, html편집을 들어가야 합니다.

앞선 글에서 썼던 내용을 그대로 옮기겠습니다.

애드센스 광고 하단에 넣기

애드센스 광고 상단에 두 개 넣기

애드센스 광고 블로그 중간에 넣기

http://본인 블로그 주소/manage/setting/contents  이렇게 들어가셔도 되고, 보통 본인의 블로그에 로그인 하셔서 오른쪽 상단에 보시면 계정관리가 있습니다. 그곳으로 들어가시면 됩니다. 

제 블로그 기준으로 말씀 드리면 계정관리에서 왼쪽에 위와 같은 것을 보실 수 있습니다. 여기서 꾸미기에서 스킨 편집이 있습니다.

스킨 편집을 누르시면 스킨을 편집하는 페이지가 나오고 오른쪽에 스킨 편집이라는 것이 나오고, 오른쪽 윗쪽을 보시면 html 편집이라고 있습니다. 다음 그림을 보시면 됩니다.

저는 티스토리에 올라와있는 Flatinum 반응형 스킨을 사용하고 있습니다.

(필요하시면 티스토리에서 다운받으시면 됩니다. 그리고 거기에 제작자 사이트가 있는데 거기 사용방법과 수정방법을 상세히 설명 해 두셨더라고요. 거기 보시고 필요하신거 하시기 바랍니다.)

여기서부터 중요합니다. html 편집을 누른 후 화면 오른쪽 상단에 보시면 HTML, CSS, 파일업로드가 있습니다. 여기서 우리는 CSS를 눌러야 합니다.

CSS에 들어가셔서 {contaier_postbtn}을 찾으셔야 합니다. 저는 대략 153 번째 줄에 만들어 놓았는데요. 만약 이 코드가 없으시다면 위치를 CSS에서 대괄호 { } 이 모양의 안을 피해서 코드를 입력하셔야 합니다.

잘 모르시겠다면 CSS에서 } 모양의 바로 뒤에 클릭하시고 엔터를 두 번 정도 누르 시고 코드를 입력하시면 됩니다. 그래도 잘 모르시겠다면 위에 제 코드 그림을 보시면 } 모양의 밑에 밑에 코드를 입력했습니다. 저렇게 하시면 됩니다.  

위 코드를 보시면 아시겠지만 /*공감 가운데 정렬 CSS*/ .container_postbtn {text-align:center;} 이라는 코드에서 center라는 단어가 들어가 있습니다.

만약 공감버튼을 왼쪽으로 보내고 싶으시면 left, 오른쪽으로 보내고 싶으시면 right를 입력하시면 됩니다.

<삭제하기>

만약에 공감버튼과 공유, 신고버튼을 삭제하고 싶으시다면 다음의 코드를 입력하시면 됩니다.

.postbtn_like {display:none;}

공감버튼만 지우시고 싶으시다면 다음의 코드를 삽입하면 됩니다.

.like_btn{display:none}

만약에 다음의 버튼을 삭제하고 싶으시면 다음 코드를 삽입하시면 됩니다.

.postbtn_ccl{display:none}  이 코드를 삽입하시면 위 마크의 뜻인 저작권표시, 비영리, 변경금지 표시가 지워집니다.

만약 공감, 공유, 신고 버튼과 저작권표시 등을 모두 지우고 싶으시다면 .container_postbtn{display:none} 을 입력하시면 됩니다. 

다음 파일에 코드들을 입력해 놓았으니 다운받으셔서 복사해서 사용하시면 됩니다.

삽입할 코드.txt

온라인 광고용어와 애드센스 용어

구글 서치 콘솔 용어 1편 - 색인과 크롤링

ip우회와 ip 변경, ip바꾸기 그리고 vpn이란

[재테크] P2P 투자 1편 - p2p 금융

[재테크] 정기적금과 정기예금의 차이와 성공 팁