티스토리 블로그 - 본문에 광고배너 위아래 자동삽입하기

본문에 광고배너 삽입

블로그를 시작하고서 애드센스를 발급받거나 그외 다른 광고배너를 넣어 수익창출을 하고 싶은건 누구나 생각하는일일 것입니다. 광고배너를 글을쓸때마다 수동으로 넣어서 위치하는경우도 있지만 글만쓰면 자동으로 광고배너가 삽입되면 편리하겠죠? 이번에는 광고배너를 자동으로 삽입하는 방법을 알아볼거예요. 따라오세요~

 

 

따라해보세요

먼저 티스토리 블로그의 설정을 변경하려면 항상 아래의 순서로 이동하는거 아시겠죠?

블로그관리자페이지 → 스킨편집 → html편집, CSS편집 (필요에 따라 선택)

 

광고배너 삽입의 경우에는 html편집창으로 이동을 해야합니다. html편집창의 아무곳에나 마우스로 왼클릭하고 난후 Ctrl+F 하여 article_rep_desc 를 검색합니다. 검색결과에  [＃＃_article_rep_desc_＃＃] 이 있다면 이제 거의 다오신겁니다. 잘 이해가 안되신다면 아래의 이미지를 참고하세요.

 

 

 [＃＃_article_rep_desc_＃＃]을 기준으로 바로위에 광고배너소스코드를 삽입하면 본문상단에 배너가 표시되고 그 아래에 표시하면 본문 하단에 배너가 표시됩니다. 하단 이미지와 같이 배치를 하시면 됩니다. 

 

 

저는 예제로 저의 쿠팡파트너스 광고소스코드를 삽입하여 확인해보겠습니다. 아래의 소스를 복사하여 위에 말씀드린것과 같이 상단에 붙여넣기 하여보겠습니다.

 

반응형

 

 

html편집창에서 아래와 같이 소스코드를 삽입하였습니다.

 

 

이렇게 입력하시고 적용버튼을 누르시면 모든과정이 끝납니다. 이제 블로그에서 광고배너가 어떻게 보이는지 확인하여보세요. 이렇게 본문의 상단부분에 광고가 표시되어있습니다. 

 

 

 

애드센스광고를 두개넣기

위에 광고배너처럼 하나의 광고를 표시할때는 간단하게 광고배너 소스코드의 삽입만으로 끝나지만 애드센스광고를 두개씩 삽입하는 블로그를 만들고 싶다면 아래의 소스코드안에 애드센스코드를 삽입해서 만들어야 합니다.

 

<table border=0 width=100% cellspacing=0 cellpadding=0>
<tr>
<td width=50% align="center"> 

광고배너소스코드

</td><td width=50% align="center">

광고배너소스코드

</tr></td></table></DIV>

 

마치며

블로그를 운영하는데 있어서 광고수입도 운영하는 즐거움이자 원동력중에 하나가 되죠. 여러분들도 적절한 배너삽입으로 정보제공과 소통, 그리고 수익의 즐거움까지 함께 느껴보실수 있기를 바랄께요.

 

 

참고하세요

• 이 글은 티스토리블로그 카테고리에 있습니다.
• 어필리에이트 활동으로 수익금을 받을 수 있습니다.

 

 

공감과 댓글

♥공감 하나와 소통하는 댓글 하나가 저에게는 큰힘이 됩니다.