블로그 꾸미기 - 광고 테이블 테두리 색상 및 유형 변경하기

현재 보통의 블로그에서는 애드센스나 리얼센스, 올블릿, 카우리, 애드클릭스, 애드포스트, 애드젯 등 수많은 종류의 광고를 게재하여 블로거들의 짭짤한 용돈벌이가 되고있는 광고 하나는 노출되고 있을 것으로 생각합니다.

오늘 문득 든 생각이, 이러한 광고를 더욱 눈에 확 띄게 하면 노출 및 클릭의 효과는 상승할 것 같은 기대감에 휩싸였습니다.

그래서 아주 간단하지만 방문자들로 하여금 가시적인 효과를 키우기 위해서 <table> 소스코드에 생동감(?)을 더불어주기로 하였습니다.

대다수의 블로그에 애드센스 또는 리얼센스 (대세가 이 2가지일 듯...) 를 게재할 땐 아래와 같이 <table> 코드에서 <td>와 <tr>을 이용하여 광고를 게재하고 있을 것이라 생각됩니다.

<table border=0 width=100% cellspacing=0 cellpadding=0>
<tr>
<td width="50%">
<center>
/////광고 소스 코드/////
</center>
</td>
<td width="50%">
<center>
/////광고 소스 코드/////
</center>
</td>
</tr>
</table>

이러한 <table> 은 블로그 본문 내에서 1개의 테이블 박스를 만든 후 50% 의 공간을 <td>로 분리하여 <tr>로서 구분하고 있습니다.

 

하지만 이렇게 배치를 하게 되면 광고와 본문의 경계가 확실치 않게 표시가 되죠~

.

그래서 아래와 같이 간단히 <bordercolor> 의 옵션 하나만을 이용하여 <table> 전체를 빨간색 줄 1개와 오렌지색 줄 1개로 감싸며 가시성을 확보한 테이블로 다시 만들어 봤습니다.

<table border=2 bordercolor="red" width=100% cellspacing=1 cellpadding=0>
<tr>
<td width="50%" bordercolor="orange">
<center>
/////광고 소스 코드/////
</center>
</td>
<td width="50%" bordercolor="orange">
<center>
/////광고 소스 코드/////
</center>
</td>
</tr>
</table>

단지 테두리 색상 하나만으로 뛰어난 가시적 효과를 얻은 셈입니다.

이미지 광고일 때 보다 텍스트 광고일 때 더욱 뛰어난 시선 집중의 효과를 보여줍니다.

 

물론 플래시나 백그라운드 등의 효과를 추가할 수도 있습니다.

테이블의 백그라운드 배경 이미지를 넣는 방법입니다.

<table background="///이미지 주소///">

<td> 내부에 EMBed 를 활용하여 플래시를 넣는 방법입니다.

<EMBed src=///플래시 주소/// width=///플래시 가로크기/// height=///플래시 세로크기///>

하지만 가장 무서운 구글 애드센스의 정책에 위반이 될만한 소지를 없애기 위해서는 광고 주위에 그림같은, 또는 움직이는 영상을 넣지 않는 것이 상책이죠~^^;;

이렇게 <table> 은 홈페이지 제작 등에서 아주 중요한 부분을 차지하며 컨텐츠의 구분 및 각 항목의 나열 등에 아주 유용하게 사용되어지고 있습니다.

간단하지만 옵션 한가지만으로 뛰어난 가시성을 확보할 수 있는 방법에 대해 알려드렸습니다.

혹시 html 코드 구현이 어려우신 분은 공지사항의 제 email 주소로 문의해 주시면 성심성의껏 답변해 드리도록 하겠습니다.

모든 분들의 대박을 꿈꾸며...

-----

블로그에 들러주셔서 감사합니다 (__)

많이 쌀쌀해진 날씨, 옷 따뜻하게 입고 다니시고 감기 조심하세요~