태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.


2007.10.10 00:37

애드센스를 블로그에 다는 여러가지 방법 #1

러쉬입니다! ( -ㅂ-)/
이번 포스팅은 블로그에 애드센스를 다는 여러가지 방법(지극히 개인적인)들을 소개 해 드리겠습니다.
초등학교시절 잠깐 만져본 HTML지식(이랄것도 없지만)을 바탕으로 티스토리의 SKIN.HTML을 뜯어보며 알아낸 것들 입니다. 부디 애드센스를 막 시작하신 저같은 분들에게 실낱같은 희망의 빛줄기가 되어드렸으면 하는 바램이 간절한 러쉬! 포스팅 시작 합니다.



본문(포스트)에 직접 노출 시킬태다!

본문에 직접 노출 시키는 방법 입니다. 블로깅을 하시다 보면 상당수의 블로거님들께선 애드센스를 블로그 포스트에 직접 노출 시키는 것을 즐긴다는 사실을 간파 하실 수 있습니다. 실제로 포스트에 직접 노출 시키는 방법이 수익률도 좋다 알려져 있습니다.

제일 많이 사용하는 방법은 포스트 우측 상단에 노출 시키는 방법 입니다.

사용자 삽입 이미지

저도 저 방법을 썼었습니다. 지금은 아래 모양으로 바꾸었지요.

사용자 삽입 이미지

 원래 저도 머릿말을 사용 하긴 하는데, 요즘들어 머릿말과 포스트의 내용이 구분짓기 힘들어져서 아래방법으로 사용 중입니다. 다른곳에서 배포중인 애드센스 최적화 스킨들도 아래 방법을 이용하고 있는 경우가 더럿 있습니다.

그럼 위의 2가지 방법으로 설치 하는 법을 알아 볼까요?

본문 우측 상단 애드센스



[중요!]
아래 소스들중에 등장하는[#&#_article_rep_desc_#&#]에서
&는 제거 해 주셔야 합니다.



본문 우측 상단에 위치하도록 편집 하려면 <table>태그를 사용 합니다. 본문 상단에 보이지 않는 테이블을 추가하여 우측 정렬을 시킬 것입니다. 그 안에 애드센스 코드를 집어 넣으면 완성 입니다.

메모장 등의 프로그램으로 광고코드를 다음과 같이 편집 합니다.

<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr><td>

애드센스 광고 코드

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


이제 티스토리에 삽입하겠습니다.
먼저 티스토리 관리자모드로 들어가서 스킨->HTML/CSS편집으로 갑니다.
사용자 삽입 이미지

skin.html과 style.css가 있는데, skin.html에서 다음과 같은 부분을 찾습니다.     

 <div class="article">
 
[#&#_article_rep_desc_#&#]

찾으셨으면 <div class="article">과 [#&#_article_rep_desc_#&#]사이에 위에서 편집한 광고 코드를 삽입 하시면 됩니다.
 
<div class="article">

<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr><td>

애드센스 광고 코드

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

 [#&#_article_rep_desc_#&#]



본문 상단 애드센스(2개)


[중요!]
아래 소스들중에 등장하는[#&#_article_rep_desc_#&#]에서
&는 제거 해 주셔야 합니다.


 코드 편집 하시는 것만 빼면 다른 설명은 위와 같습니다.

<div class="article">

<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr><td>

애드센스 광고 코드 #1

</td>
<td>

애드센스 광고 코드 #2

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

 [#&#_article_rep_desc_#&#]

광고코드를 하나 사용하실 때에는 괜찮지만, 두번째 처럼 2개의 광고를 같이 삽일 하실 때에는 본문의 넓이와 맞추어 주시는게 광고가 잘리거나 다음줄로 넘어가 보이지 않습니다.

table의 넓이를 조정 하실 때에는  <table align="center" border="0" cellpadding="0" cellspacing="0">에 추가적으로 width구문을, 높이를 조정 하실 때에는 height구문을 추가 하시면 됩니다.


<table align="center" border="0" cellpadding="0" cellspacing="0" width="본문의 넓이(픽셀단위)" height="광고의 넓이(픽셀단위)">



이번 시간은 여기까지.

다음에는 본문 아래쪽에 삽입하는 것을 포스팅 해 보겠습니다. ^^




Trackback 1 Comment 0