텐핑 광고를 사이드바에 설치하는 과정을 보고자 한다. 티스토리 플러그인에서 텐핑 광고를 추가할 수 있는 기능을 제공해주고 있다. 하지만 PC버전에서도 텐핑 광고를 추가할 수 있는 방법이 있다. 직접 소스를 수정해야 한다는 번거로움이 있지만, 쉽게 적용시킬 수 있으니 방법을 확인해보자.

본문 하단에 텐핑 광고를 추가하는 방법은 이곳에서 확인 가능하다.

바로가기 : 본문 하단에 텐핑 광고 추가

이제 사이드바에 추가하는 방법을 확인해보자. 우선 텐핑 서비스에 가입이 되어 있어야 한다. 혹시 가입이 되지 않은 상태라면 바로가기를 통해서 텐핑부터 가입하자.

바로가기 : 텐핑 가입하기

선배 아이디로는 never-stop@naver.com 를 추천한다.

다시 티스토리에 적용하는 방법을 확인해보자. 텐핑 사이트에서 소문박스를 하나 만든다. 여러 형태의 소문박스 중에서, 본인이 사용하고자 하는 것을 선택한다. 그리고 해당 코드를 복사해 둔다.

이제 티스토리에 넘어와서 사이드바에 해당 소문박스를 넣는 작업을 한다. '꾸미기 - HTML/CSS 편집'으로 가서, HTML 소스를 직접 편집해 본다. 

HTML 소스에서 사이드바 부분을 찾아야 하는데, s_sidebar 로 검색하면 다수의 결과가 나온다. 뭔가 규칙적으로 나오는데, 검색 결과들이 <s_sidebar_element> 로 시작해서 </s_sidebar_element> 로 끝나는 것을 확인 할 수 있다. 우리가 넣고자 하는 텐핑 광고코드도 이 규칙을 사용해야 한다. 이런 구조가 되어야 한다.

<s_sidebar_element>

텐핑광고 소스코드

</s_sidebar_element> 

지금까지 모든 작업을 완료했다면, 나의 티스토리의 사이드바에 텐핑 광고가 잘 나오는 것을 확인할 수 있다.