본문 바로가기

UX,designer

〃애드센스 티스토리 본문에 삽입하는 방법 (여러가지 형식)


사용자 삽입 이미지


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

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

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



1. - 레이어를 이용하여 티스토리 본문에 애드센스 삽입하기
<div style="width:250px;float:right;border:1px soild; background:#FFFFFF;margin-bottom:10px;"> 이부분에 구글애드센스 광고 코드 넣어주세요</div>

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

<div class="article"> 이 부분에 코드를 붙혀넣어주세요 - <p><##_article_rep_desc_##></p>




2. - 테이블을 이용하여 티스토리 본문에 애드센스 삽입하기


ex 01> 애드센스를 박스안에 넣는 코드 

사용자 삽입 이미지



<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> 테이블 위아래만 색상 넣는 코드 
사용자 삽입 이미지


<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>


위에선은  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>

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

'UX,designer' 카테고리의 다른 글

〃몽글몽글 사랑만들기  (5) 2008.02.05
〃Flash 레퍼런스  (1) 2008.01.18
〃한국 전통색상 컬러 RGB 코드  (7) 2008.01.09
〃사진에서 색 추출해주는 사이트  (0) 2008.01.09
〃플래시에서 새창 띄우기  (0) 2008.01.07