티스토리 블로그 본문 상/하단에 광고 달기

티스토리 블로그 본문 상하단에 광고 달기

티스토리 상하단에 광고를 삽입하는 방법에 대해서 알아보겠습니다.

 

HTML 언어를 아시는 분들이야 쉽겠지만, 잘 모르시는 분들이라도 아래대로 따라 하시면 크게 어렵지는 않습니다.

 

일단, 광고를 가져올 사이트에 가입을 하셔서, 광고 Script를 복사하여야 합니다.

 

본 포스팅에서는 리얼클릭 사이트를 대상으로 하여 설명하도록 하겠습니다.
다른 사이트들도 기본적으로는 크게 차이가 나지 않으니 실망하지 않으셔도 되겠습니다.

 

일단, 리얼클릭 사이트에 로그인을 하시고, 광고지면관리 화면으로 이동을 합니다.

 

저는 이미 광고를 생성해 두었으나, 만약 없으신 분들은 우측 중앙쯤에 보이는 '지면추가' 버튼을 클릭하여 원하는 형태의 광고를 생성합니다.

 

 

광고를 생성 후 다시 광고지면관리로 돌아오셔서 생성된 광고의 '소스보기' 를 클릭합니다.
그림과 같이 나타나는 Script를 복사합니다.

 

 

그리고 티스토리 블로그의 관리화면으로 들어가셔서 [HML/CSS 편집] 화면을 엽니다.

 

 

Ctrl 키와 F 키를 동시에 누르면 화면 위쪽에 검색을 할 수 있는 칸이 열립니다.

 

 

그 검색창에 "##_article_rep_desc_##" 를 입력하여 다음찾기 버튼을 누릅니다.
그러면 skin.html 화면에 ##_article_rep_desc_## 위치가 찾아지게 됩니다.

 

 

이 ##_article_rep_desc_## 바로 위에 Script를 넣으시면 본문 상단에 광고가 개제되고,

바로 아래에 넣으면 본문 하단에 광고가 나타납니다.

당연히 둘 다 삽입도 가능합니다.
단, 일반적으로 동일한 Script를 둘 다 넣으면 하나는 나타나지 않으니 광고를 만드실 때 두 개를 만드셔서 각각의 Script를 삽입하셔야 합니다.

저는 ##_article_rep_desc_## 위아래에...

 

<!-- 본문 상단 광고 시작--> <!-- 본문 상단 광고 종료--> [ ##_article_rep_desc_## ] <!-- 본문 하단 광고 시작--> <!-- 본문 하단 광고 종료-->

 

이렇게 넣어 둡니다.

참고로 <!-- --> 요안에 들어가 있는 것은 주석처리로써, 프로그램에 아무런 영향을 주지 않는 것이니, 다른 곳에도 표시가 필요하시면 요 기능을 사용하시면 됩니다.

 

[ ##_article_rep_desc_## ] <!-- 본문 하단 광고 시작--> <SCRIPT type='text/javascript' src='http://rsense-ad.realclick.co.kr/rsense/rsense_ad.js?rid=000000000000&stamp=0000000000&v_method=YmFubmVyfDE2NngyMzA' charset='euc-kr'></SCRIPT> <!-- 본문 하단 광고 종료-->

요렇게 복사한 광고 Script를 표시해 둔 사이에 넣으시고 저장하시면, 짠~ 하고 광고가 나타납니다.

 

 

참고로 광고를 화면의 가운데에 오게 하실려면....

Script 바로 위에 <P align = "center"> 를 넣으시면 됩니다.

 

[ ##_article_rep_desc_## ] <!-- 본문 하단 광고 시작--> <P align = "center"> <SCRIPT type='text/javascript' src='http://rsense-ad.realclick.co.kr/rsense/rsense_ad.js?rid=000000000000&stamp=0000000000&v_method=YmFubmVyfDE2NngyMzA' charset='euc-kr'></SCRIPT> <!-- 본문 하단 광고 종료-->

 

요런 형태가 되겠죠?

저처럼 본문 상단 우측에 광고가 나오게 하는 방법은,

티스토리 본문 상단 (2개 연속 or 우측 상단) 에 광고 달기 ☜ 포스트에서 설명하도록 하겠습니다.