티스토리 최적화 - 공감 버튼 간격 조정하기

[애드센스-중급강의 3/98] 티스토리 공감 버튼 간격 조정하기

발행글이라고 한다면 보통 포스팅 마지막에 공감 버튼이 위치하고, 그 밑에 카테고리의 다른 글 보기 또는 광고가 위치하게 된다. 

SNS 버튼을 사용한다면 공감버튼과 카테고리의 다른 글 보기 사이에 SNS 버튼도 위치하게 된다. 

포스팅의 마지막과 하단 광고 또는 카테고리 다른 글 더보기의 간격이 넓어서, 방문자들이 못 보는거 같다. 

블로그를 운영하면서 한번쯤은 고민해봤을 것이다. 

방문자가 포스팅 하단에 있는 광고 또는 카테고리 다른 글 더보기도 봤으면 하는데, 포스팅과의 거리가 멀어 방문자들이 보지 못한다는 생각이 한 번쯤 들었을 것이다. 

공감 버튼 해결 방법

포스팅과 공감버튼과의 간격, 공감버튼과 다음 컨텐츠와의 간격을 조정해보자. 

위의 그림을 보자. 

좌측이 간격 조정 전이고, 우측이 간격 조정 후다. 

.

간격 조정 후 공감 버튼과 포스팅과의 간격이 좁아졌다. 

간격이 좁아지면서 원하는 대로 방문자가 광고 또는 카테고리를 볼 확률이 높아졌다. 

수정 방법

수정하는 방법에 대해 알아보자. 

HTML/CSS 편집 메뉴로 이동하자. 

 

위의 붉은색 소스를 <header></header>사이에 추가하면 된다. 

<소스코드 하이라이팅>
위의 화면처럼 소스 코드 하이라이팅을 적용하고 싶다면 아래 사이트를 참고하기 바란다. 

http://iaddmoney.com/20

저장 후 포스팅을 다시 보면 공감 버튼의 간격이 좁아진 것을 확인할 수 있을 것이다. 

.