메인화면에 애드센스설치하기

블로그를 시작하고 애드센스 승인도 된 블로거라면 아마도 다들 애드센스 설치정도는 할 줄 알것입니다.

그러나 아래와 같이 메인 화면에도 애드센스를 설치하고 싶다면 어떻게 해야할까요?

이 경우 조금은 html태그를 알아야하지만 굳이 몰라도 설치할 수 있도록 알려드겠습니다.

애드센스 메인화면에 설치하기(티스토리로 설명)

1. 티스토리 관리자 모드 로그인 - 스킨 - HTML/CSS편집 선택

2. skin.html을 Ctrl + A로 전체 선택 후 Ctrl + C로 복사
- 이 과정은 생략도 가능, 그러나 티스토리 관리자모드에서 html 언어를 보는게 영 불편하기 때문에 이 과정을 거침.

3. html 편집기 실행 (메모장을 써도 되나 에디트플러스 추천)

4. <!-- 최근 댓글 모듈 --> 이런 형태 녹색 글씨가 보이는데 이것을 주석이라고 합니다. 이것은 그냥 설명이라고 보면 되는데요. 여러분이 넣기를 원하는 곳으로 이동합니다.

5. 아래와 같은 형태의 소스가 나오는데요. 여기서 맨 처음과 맨끝줄을 제외한 나머지를 지우고 그곳에 애드센스 코드를 붙여넣습니다. 

<div id="recentComment" class="tt-module">
          <h3>Recent Comment</h3>
          <ul id="recentComments">
           <s_rctrp_rep>
            <li>
             <a href=""></a>
             <span class="info"><span class="name"></span><span class="date"></span></span>
            </li>
           </s_rctrp_rep>
          </ul>
         </div>

6. 위 코드 중 맨 첫줄의 <div ....> 는 그냥 <div align=center>정도로만 고치고 나서 Ctrl + A Ctrl + C로 전체복사하고 티스토리 관리자 모드에 붙여넣으면 끝입니다.

아래 화면은 실제로 코드를 고친 화면이니 참고 하시면 되겠습니다.

원래 Skin.html

애드센스를 적용한 skin.html