2009년 5월 26일 화요일

애드센스 정렬하여 예쁘게 넣기

블로그 상단 또는 하단에 애드센스 또는 애드클릭스를 예쁘게 정렬해서 넣는 방법입니다.

기본적인 설명을 드리자면
테이블을 나누어 그 테이블안에 애드센스를 넣는 방법이죠.
다음그림을 보면 아주 쉽게 이해가 가실 겁니다.

 애드센스 1 애드센스2 

이렇게 표 안에 애드센스를 넣되 표를 투명하게 해주면 애드센스가 이쁘게 정렬되겠죠?
표를 투명하게 해주는 방법은 간단합니다.
표와 테두리를 내 블로그 배경과 똑같이 해주면 되는거죠.
그림을 보면서 자세한 설명을 드리겠습니다.



먼저 글쓰기로 들어가 표를 만듭니다.
먼저 열과 행을 결정해야 하는데 열이 세로 행이 가로 입니다.
즉 2열 1행을 선택하시면
   

이런 모양의 표를 넣을 수 있습니다.
테두리 색과 표 배경색은 자신의 블로그 배경과 동일한 색으로 만들어주시면 됩니다.





헉. 배경과 동일한 색으로 만들었더니 표가 전혀 보이질 않는 군요.
당황하지 말고 오른쪽 위에 HTML부분으로 들어갑니다.






방금 만든 표가 있군요
<TABLE>부분이 시작하는 부분
</TABLE>부분이 끝나는 부분입니다.
<TABLE>부터</TABLE>까지 복사합니다.






다음으로 내 블로그에 넣어야 하기 때문에
스킨에서 HTML/CSS편집 부분을 클릭합니다.






다음으로 애드센스를 넣을 자리를 찾아야 겠죠?
Ctrl + F 를 누르고 찾기 버튼을 눌러 DESC라고 치면
분홍색박스부분이 나옵니다.
분홍색 박스 위에 넣으면 본문의 제일 윗부분에
아래 넣으면 본문의 제일 아랫부분에 애드센스가 붙게 됩니다.

전 위에 넣어보겠습니다.
아까 복사한 테이블을 붙여 넣고
&nbsp; 라는 부분을 지우고
그 부분에 애드센스 코드를 불러와 넣으면 됩니다.






그럼 다음과 같이 본문 상단에 2단으로 된 애드센스 코드가 생기게되죠.



도움이 필요하신분은 댓글주시면 도와주리겠습니다.

댓글 3개:

  1. 아.. 난 왜 이생각을 못햇을까..;;; 이렇게 하면 간단한 것을...ㅠㅠ

    답글삭제
  2. @용짱 - 2009/05/26 10:01
    허헛. 지금 블로그에 메뉴 넣는 방법도 만들고 있어요.

    좀있다 봐주세요. ㅎ

    답글삭제
  3. 와~ 좋은 소스 얻어가네요 감사해요~

    답글삭제