[블로그 꾸미기] - 티스토리 본문 상/하단에 광고 넣기

처음 블로그를 시작하고 얼마후 광고를 게재할 수 있었다. 그 때는 본문 하나하나에 직접 광고를 붙여 넣는 방법을 사용했다. 지금 보면 정말 번거럽고 귀찮은 작업을 매번 했었다. 그리고 얼마 전 티스토리 본문 상/하단에 자유롭게 광고를 넣는 방법을 알고 소개하고자 한다.

① HTML/CSS 편집선택

관리자모드 → 꾸미기 → HTML/CSS편집을 선택한다. HTML에는 본문이 저장되는 위치를 찾아 본문 위 또는 아래에 광고 코드를 넣으면 글을 쓸때마다 자동으로 광고가 삽입되게 하는 방식이다.

선택하면 다음과 같이 화면이 나타나고 오른쪽에 HTML/CSS를 편집할 수 있는 곳이 보인다.

② 본문 찾기

HTML 코드가 쭉~욱 나열되고 코드를 보면 도저히 어디가 본문이 시작되는 곳인지 알수가 없다. 이럴 땐 Ctrl+F로 [##_article_rep_desc_##]을 검색하면된다. 그러면 아래와 같은 코드를 찾을 수 있다.

③ 광고 코드 완성하기

광고를 본문 상단에 넣고 싶다면 <div>와 [##_article_rep_desc_##] 사이에 광고를 넣으면 되고, 본문 하단에 넣고 싶다면 [##_article_rep_desc_##]와 </div> 사이에 넣으면 된다. 광고 코드를 붙여 넣기 할 때에 코드를 바로 붙여넣기 하지 말고 아래와 같이 코드를 감싸는 <div> 태그를 사용하도록 하자.

1 2 3 4 5 6 7

<div class = "article">     <div align = "center">         // 이 곳에 스크립트 광고 코드가 들어가면            // 본문 상단에 광고가 나타난다.     </div>     [##_article_rep_desc_##] </div>

cs

그리고 위 코드에서는 <div align = "center"></div> 사이에 광고코드를 붙여 넣기 하면 된다.

이렇게 했다면 이제부터는 티스토리 본문 상/하단에 광고가 자동으로 나타나게 될 것이다.