구글에드센스 광고 2개를 수평으로 달기

오늘도 쉬어가는 페이지입니다. 블로그를 시작한 지 3개월째 되어가는 쌩초짜입니다. 구글에드센스를 달아서 수익을 지켜보는데 아직 가뭄에 콩나듯 클릭이 나오네요. 구글광고 블로그에 다는 것도 HTML 코드를 알아야 할 것 같습니다. 지금도 병아리지만 구글에드센스 블로그에 장착하는 방법을 정리하여 기록합니다. 기록하지 않으면 금방 잊어먹으니까요. 혹시
필요한 분들에게 참고가 되었으면 합니다. 

처음에는 구글에드센스의 컨텐츠 광고를 블로그 상단에 수평모양으로 아래, 위에 두개를 달았습니다. 근데 달아놓고 보니까
이게 웬지 어설퍼 보입니다.

구글에드센스 광고 1

구글에드센스 광고 2

그런데 대부분 블로그를 보니 수평으로 구글광고를 2개를 달아놓으셨더군요. 

광고1

광고2

그게 휠씬 좋아 보여서 그렇게 바꾸어 볼려고 티스토리 관리자 화면에 들어가서 스킨→html/css편집메뉴의 소스를 뚝딱뚝딱 해봐도 이게 잘 안되는 거 있죠.. ㅠㅠ

하여, 이리저리 방법을 알아보던 중 다행이도 어느 분 블로그 소스를 볼 수가 있어서 그림처럼 광고 두개를 수평으로 다는데 성공했습니다.

잘 하시는 분들은 간단한 내용이지만 초보들에게는 이런게 필요하니까요. 혹시 필요하신 초보님들은 참고하세요.
아래 html 잘 살펴보시고 활용하시면 됩니다.

<table align="center" border="0" cellspacing="0" cellpadding="5">
<tr><td align=center width=340>
<!--구글광고시작-->
광고1(구글에드센스에서 광고소스 받아오셔서 붙혀주세요.)
<!--구글광고끝-->
</td>
<td width=8></td>
<td align=center width=340>
<!--구글광고시작-->
광고2 (구글에드센스에서 광고소스 받아오셔서 붙혀주세요.)
<!--구글광고끝-->
</td></tr></table>

 

<참고사항>

위의 <td> 태그는 테이블의 칸(cell)늘 나눌 때 사용합니다. 위에 보시는 것처럼 td태그를 사용할 때 <table><tr>태그는 필수적으로 사용됩니다.  table 태그는 표의 시작과 끝을 정의하고, tr 태그는 표의 행을 정의합니다. 그리고 td 태그는 행을 이루는 열을 정의합니다. 

(td태그의 속성값)

align : 좌우정렬 ( left , center , right )
valign : 상하정렬 ( top , middle , bottom , baseline )
colspan : 칸(cell) 합치기
rowspan : 줄(row) 합치기
bgcolor : 배경색
width : 너비
height : 높이

결론은 위 박스의 소스중에 파란부분 사이사이에 광고1, 2 소스를 삽입하면 됩니다.
모양이 훨씬 보기가 좋아졌습니다.  

html 좀 더 자세히 공부하기를 원하시는 분은 옆의 그림을 클릭하세요.  도서명 : 테마가 있는 html 무작정 따라하기  저   자 : 고경희  출판사 : 길   벗

이외에도 수평으로 광고다는 방법이 또 있더군요. 그건 다른 블로그를 참고하시기 바랍니다.
 

제 글을 쉽게 받아보시려면 옆의 버튼을 눌러주세요→→