개발&Development/태터툴즈

사이드바에 Google ADSense를 달아보자.

겐도 2006. 12. 28. 11:38

태터툴즈 및 티스토리에 사이드바 기능이 추가됨으로써 기존에 skin.html을 직접 수정하지 않고도 간단하게 배너들을 달 수 있습니다. 그 예제를 보여드리겠습니다.

사용자 삽입 이미지

구글 ADSense의 계정 발급이나 코드 생성은 해당 서비스의 헬프를 참고하시고 아무튼 난리(?)를 치고 나면 자바스크립트 코드를 받을 수 있습니다.

사용자 삽입 이미지

사용할 플러그인은 "배너출력"입니다. 이것이 활성화 되어 있는지 관리자 화면의 플러그인에서 확인하시기 바랍니다.

사용자 삽입 이미지

동영상으로까지는 귀차니즘으로 생략하고 추가가능해진 배너출력 사이드바 모듈을 드래그해서 적당한 곳에 낙하를 시킵니다.
사용자 삽입 이미지
그리고 편집 클릭~
사용자 삽입 이미지
아까 생성된 ADSense 코드를 복사합니다. 그리고 전송~
사용자 삽입 이미지
블로그 화면에서 대충 나오는 것을 볼 수 있습니다. 허나 좀 보기가 좋지 않네요. 가운데 정렬도 필요할 것 같고 제목도 만들어 보겠습니다. 스킨에서 제목으로 사용중인 태그가 무엇인지 일단 확인하여야 합니다. Tistory를 기반으로 하는 스킨들은 대부분 H3을 사용합니다.
아까의 코드를 삽입한 화면으로 가서 삽입된 코드 앞에
<h3>Google ADSense</h3><div style="text-align:center">
를 삽입하고 코드 마지막에
</div>
를 삽입합니다. 전체적으로
<h3>Google ADSense</h3>
<div style="text-align:center">
~~ 구글에서 제공한 코드 ~~
</div>

이런 식이 됩니다. 다시 블로그 화면에서 확인해 보겠습니다.
사용자 삽입 이미지
적당히 나오네요. 좀더 자신의 블로그 화면에 알맞게 하기 위해 구글의 배너설정을 변경하거나 html 코드를 부가적으로 삽입할 수도 있습니다.

자 이제 도전해 보는겁니다!

PS. 현재 이 기능은 정상적으로 동작하지는 않습니다. 아마 오후(28일)에 티스토리가 업데이트 된 후 사용가능할 것입니다. 태터툴즈의 경우 다음 버전에 반영될 예정입니다. 1월1일에 나온다는 소문이 @.@;

수정: 티스토리는 이제 적용되었습니다. 옆을 보시라~ 클릭은 마시구요(저걸로 돈벌 생각은 별로 없습니다.)

'개발&Development > 태터툴즈' 카테고리의 다른 글

BlogAPI : Live Writer Tips  (3) 2007.02.27
BlogAPI TEST with MS-Word 2007  (6) 2007.02.27
티스토리 빨라지려나 @.@;  (9) 2006.12.15
티스토리는 아직 베타중  (21) 2006.12.07
EAS 개조하기  (6) 2006.11.29