본문으로 바로가기

구글 광고(애드센스) 등록 방법

category BLOG Info 2009. 1. 23. 14:07

애드센스 클릭율을 높이는 주요한 방법 중 하나가 애드센스를 본문 상단오른쪽에 삽입(300x250 중간 직사각형 박스를 본문에 삽입)하는 것입니다

이 애드센스가 본문이나 블로그의 전체 디자인과 통일성 있게 가준다면
더욱 부담 없는 광고형태로써의 역할을 할 수 있을 듯 합니다 - ^^

티스토리 본문에 넣는 방법중하나가 레이어를 이용하는것입니다 .
아래의 소스를 복사하셔서 본인의 블로그에 맞게 색상 수정하셔서 유용하게 사용하세요 ~



1. - 레이어를 이용하여 티스토리 본문에 애드센스 삽입하기

<FONT size=2><div style="width:250px;float:right;border:1px soild; background:#FFFFFF;margin-bottom:10px;"> 이부분에 구글애드센스 광고 코드 넣어주세요</div> </FONT>

이소스를 복사하여 티스토리 스킨편집에 들어갑니다.
skin.html 소스중에 <##_article_rep_desc_##> 이부분을 찾아
아래와 같이 코드를 넣어주시면 됩니다


<div class="article"> 이 부분에 코드를 붙혀넣어주세요 - <p><##_article_rep_desc_##></p>
<br /> <STRONG><FONT color=#d41a01><FONT size=5>2.</FONT> - 테이블을 이용하여 티스토리 본문에 애드센스 삽입하기<br /> </FONT></STRONG><br /> <br /><FONT color=#ff3300><STRONG>ex 01> 애드센스를 박스안에 넣는 코드</STRONG></FONT> <br /> <br />
사용자 삽입 이미지

 <table width="300" height="250" border="3" align="right" cellpadding="10"
cellspacing="0" bordercolor="#DBDBDB">
<tr>
<td valign="top" style='padding-top:0px; padding-left:2px;'>
이부분에 구글애드센스 광고 코드 넣어주세요
</td>
</tr>
</table>


ex02> 두줄 테이블 안에 넣는 코드 

사용자 삽입 이미지


<table width="300" height="250" border="3" align="right"
cellpadding="10" cellspacing="3" bordercolor="#DBDBDB">
<tr>
<td valign="top" style='padding-top:0px; padding-left:2px;'>
이부분에 구글애드센스 광고 코드 넣어주세요
</td>
</tr>
</table>

ex03> 테이블 위아래만 색상 넣는 코드 

사용자 삽입 이미지
<FONT size=2><table width="300" height="250" border="0" align="right" cellpadding="0" cellspacing="0" style="border-top:2px solid #df8aa8;border-bottom:1px solid #df8aa8;"> <tr> <td valign="top" style='padding-top:0px; padding-left:2px;'> 이부분에 구글애드센스 광고 코드 넣어주세요 </td> </tr> </table> </FONT>


위에선은  2px 아래선은 1px  을 줬어요


ex04> 테이블 양옆에 만 색상 넣는 코드 

사용자 삽입 이미지


<table width="300" height="250" border="0" align="right"
cellpadding="0" cellspacing="0"
style="border-left:1px solid #df8aa8;border-right:1px solid #df8aa8;">
<tr>
<td valign="top" style='padding-top:0px; padding-left:2px;'>
이부분에 구글애드센스 광고 코드 넣어주세요
</td>
</tr>
</table>

두께와 색상도 수정 가능하고 선을 한쪽에만 나오게 할수도 있어요 -
광고 자체 텍스트 색도 바꿀수있다는거 아시죠?!~
색상과 간단한 스타일코드를 사용하여 광고도 예쁘게 넣어보세요 ~!

마우스 드래그 기능이 제한되 있으니, 아래 파일을 다운받아 사용하세요


출처 : 줄리의 티스토리