" 티스토리 사이드바 HTML 배너 출력 및 간격 주기 설정"
티스토리 블로그를 하면서 수익을 위해
사이드바에 배너 하나쯤은 설정하실 겁니다.
처음에 저도 배너 설정을 못해서 한참을
이 메뉴, 저 메뉴를 만졌었습니다.
그래서 처음 하시분들을 위해서
사이드바에 배너 설정하는 방법을
하나씩 천천히 설명해 드리겠습니다^^
『 사이드바 배너 만들기 』
우선 우리가 사이드바에 배너를 달기 위해서는
넣을 광고 코드는 가지고 있어야 합니다.
#애드센스, #kakaoAdfit, #쿠팡 등 광고 배너 코드
준비가 되셨으면 사이드바에 배너를 달기위해
내 티스토리 관리 페이지로 이동하시어
[플러그인]에서 배너 출력을 적용 해 줍니다.
이럼 사이드바에 배너를 달 준비는 됐습니다.
다시 내 티스토리 관리페이지에서
[꾸미기]-[사이드바] 를 클릭해 줍니다.
그럼 사이드바를 설정할 수 있는 화면이 나옵니다.
기본모듈 탭에서 [ HTML 배너출력 ] 의 +
눌러서 사이드바가 위치할 곳을 지정해 줍니다.
<사이드바1>, <사이드바2>, <사이드바3>
저는 보기 쉽게 <사이드바1>에 넣었습니다.
<사이드바1>에 [HTML 배너출력]이라고
플러그인이 들어가 있습니다.
그위로 마우스 커서를 올려놓으면
[편집] 이라는 버튼이 클릭해 줍니다.
그러면 HTML 배너 출력의 속성값을
넣을 수 있는 창이 하나 뜹니다.
배너 이름 및 준비한 배너 코드를 입력 후
확인을 누르면 배너가 하나 생성됩니다.
저는 HTML 배너 출력을 같은 방법으로
3개의 배너를 만들어 봤습니다.
페이지로 가서 한번 배너 출력을 확인해 보면
이렇게 배너가 3개가 출력됩니다.
그런데 너무 배너들이 모두 딱 붙어서
보기가 안 좋아서 한줄씩 띄워 보겠습니다.
『 사이드바 한줄 띄우기 』
보기 좋게 한줄을 띄우기 위해서는
위 [HTML 배너 출력] 플러그인을 다시
추가 해 줘야 합니다.
[편집] 에서 HTML 소스 부분에
<br>
</br>
입력 후 저장해 주세요~
그렇게 생성한 한줄 띄기 소스는
원하는 부분에 배치 해 주면 끝!
저는 만들어 놓은 배너 사이사이에 넣었습니다.
그럼 페이지에서 어떻게 보이는지 확인해 보면
한줄씩 띄워진 것을 확인하실 수 있습니다.
같은 방법으로 사이드바 어디든
배너를 한줄씩 띄워서 배치할 수 있습니다.
댓글