티스토리 블로그 첫 페이지(티에디션)에 애드센스 광고넣기

반응형

얼마 전부터 제 블로그에 티에디션을 적용했는데요.

티에디션에 구글 애드센스 광고 (다른 제휴 마케팅 배너 광고 포함)넣는 팁을 알아 보겠습니다.

제 블로그에는 포스트 페이지처럼 상단에 애드센스 광고 2개를 배치하고 하단 쯤에 1개를 배치했는데요.

Daum 카페나 블로그를 운영하셨던 분은 어렵지 않으니 쉽게 따라 하실 수 있을 겁니다.

일단 애드센스 광고 코드나 다른 제휴 마케팅의 광고 코드를 준비하시고...

티에디션애드센스광고_1



1.

관리자 모드로 들어 와 꾸미기의 화면 설정 항목을 누르시면 티에디션 탭으로 열리는데요.

처음 시작하는 분은 사용하기 버튼을 누릅니다.

티에디션애드센스광고_2



2.

바뀐 화면에서 티에디션 시작하기를 클릭하시구요.(티에디션 사용 중인 분은 2. 과정 부터 참고하세요)

티에디션애드센스광고_3



3.

플러스 버튼을 눌러 아이템을 추가해 줍니다.

티에디션애드센스광고_4



4.

추가된 아이템이 선택된 상태에서 아이템 목록 아무거나(?) 적당한 아이템을 선택하시구요.

(여기서 '아무거나'라는 단어를 사용한 것은 선택한 아이템의 기본 HTML 소스는 전체 삭제되기 때문입니다) 

디자인 탭을 누르고 HTML 버튼을 클릭합니다.

티에디션애드센스광고_5   티에디션애드센스광고_6



5.

선택한 아이템의 기존 HTML 소스가 보여 지는데요.소스 부분을 클릭하고 전체 선택(Ctrl + A)하여 

블록을 형성합니다.

Del 키나 백스페이스 키로 기존 소스를 삭제하거나 그냥 블록이 형성된 채로 놔 두어도 상관 없습니다.

티에디션애드센스광고_7



6.

준비된 광고 코드를 복사하여 블록 형성된 기존 소스위에 붙여넣기(Ctrl + V)하면 광고 소스 코드로 변하는데

적용 버튼을 누릅니다.

티에디션애드센스광고_8



7.

이제 티에디션 맨 위 상단에 광고 아이템이 적용되었습니다.애드센스의 경우 적용이 되어도 화면은 나타나지 

않는데...티에디션 바 우측 적용하기 버튼을 누릅니다.

티에디션애드센스광고_9



8.

팝업창이 뜨는데...보관함에 저장하려면 체크하시고, 저장되는 광고 아이템의 이름도 입력하여 지정할 수 있구요.

적용 버튼을 누르고 계속 편집하거나,내 블로그 홈으로 버튼을 눌러 티에디션이 적용된 첫 페이지로 가면 

광고가 적용된 화면을 보실 수도 있고, 위 3~7의 과정으로 페이지 원하는 부분에 광고를 적용할 수 있습니다.

티에디션애드센스광고_10 티에디션애드센스광고_11


저는 애드센스 광고 크기를 상단 300 x 250 사이즈로 2개, 하단 728 x 90 사이즈로 넣었는데요.

광고 사이즈는 블로그 스킨 크기에 맞는 적당한 사이즈를 선택해서 조절하면 될 것 같구요.

위 6번 과정에서 광고의 위치를 가운데로 할지,좌우측으로 할지,지정하는 태그 명령어를 넣어 줘야 하는데요.

광고 코드를 감싸 줄 태그 용어는 1개의 광고만 사용할 경우 가운데 위치 시키는게 제일 좋겠지요?

태그 용어는 그냥 center로 적용됩니다.

<center>

애드센스 광고 코드나 다른 제휴 마케팅 광고 코드

</center>


또는

<div style="text-align:center">

애드센스 광고 코드나 다른 제휴 마케팅 광고 코드

</div>



2개의 광고를 사용할 경우


포스트 페이지 본문 상단이나 하단에 적용하는 테이블 태그나 div 태그 용어 적용

<table cellpadding="0" cellspacing="0" table width="100%">

  <tr>

  <td width="50%">

애드센스 광고 코드나 다른 제휴 마케팅 광고 코드 1

</td>

  <td width="50%">

애드센스 광고 코드나 다른 제휴 마케팅 광고 코드 2

</td>

  </tr>

  </table>


또는

<div style="float:left">

애드센스 광고 코드나 다른 제휴 마케팅 광고 코드 1

</div>                    

  <div style="float:right">

애드센스 광고 코드나 다른 제휴 마케팅 광고 코드 2

</div>


간단하지요~^^

               

                              티에디션 광고 태그 소스.txt


포스팅을 마치며...

티에디션을 적용하는 팁은 다른 가입형 블로그에서 레이아웃을 다루던 분은 쉽게 적용할 수 있을 겁니다.

혹여 궁금한 점이 있으시다면 댓글에 달아 주시구요.

못쓰는 글을 끝까지 읽어 주셔서 수고 많으셨습니다.ㅎㅎ 감사합니다.


반응형

댓글

Designed by JB FACTORY