블로그

[티스토리] 사이드바에 쿠팡 파트너스 배너 넣기 (스킨 편집 방법)

반응형

 

 

안녕하세요.

티스토리를 운영하시는 분들은 애드핏, 구글애드센스 등 다양하게 광고를 넣으실텐데요

쿠팡파트너스의 상품 배너를 넣는 방법을 알려드리도록 하겠습니다. 

 

스킨마다 방법은 조금 차이가 있을 수 있습니다. 저는 Odyssey 스킨을 사용중입니다.

 

적용 예시

 

 

 

혹시 사이드바가 없다면 꾸미기 > 스킨편집에서 PC레이아웃 사이드바 형태를 "2단 우측 사이드바"로 변경해주세요.

 

 


 

사이드바에 쿠팡 상품 배너 넣기

 

1. 꾸미기 > 스킨편집을 클릭해 [html 편집]을 클릭합니다.

 

 

 

2. 그러면 HTML 코드들이 나오는데 Ctrl + F 를 눌러 box-category를 검색해줍니다.

 

 

 

검색하면 해당 부분이 노란색으로 표시 됩니다.

이 부분이 사이드바의 카테고리 영역인데요.

사이드바의 각각의 영역은 <s_sidebar_element> 와 </s_sidebar_element>로 감싸져 있는 것을 확인하실 수 있습니다.

 

저는 카테고리와 태그 영역 사이에 배너를 넣어보겠습니다.

 

 

 

3. 쿠팡파트너스 홈페이지에서 배너를 생성해주세요.

단순 상품링크, 다이나믹배너 등 종류는 상관 없습니다. 제공하는 코드를 복사합니다.

 

4. 다시 티스토리 스킨편집창으로 돌아과 카테고리 영역과 사이드바 영역 사이에 복사한 코드를 붙여넣기 합니다.

 

 

 

 

5. 코드를 붙여넣기하고 다른 사이드바 요소와 동일하게 코드 위아래로 <s_sidebar_element></s_sidebar_element>를 넣었습니다. 이 코드를 안넣으면 제대로 작동하지 않으니 꼭 넣어주세요!

 

그리고 배너와 태그 사이 간격이 바로 붙어서 줄내림 태그 <br style="clear:both;">를 세 줄정도 추가로 넣어주었습니다.

 

 

 

 

6. 저장하면 끝!

티스토리 블로그 사이드바 쪽 분류와 태그 사이에 정상적으로 배너가 들어간 것을 확인하실 수 있습니다.

 

 

 

 

 

 

다음번에는 다른 곳에 배너 넣는 방법을 소개해드리겠습니다 :)

 

 

반응형