2. 구글 애드센스를 사이드바에 설치하기
위의 그림을 보면 구글 애드센스가 사이드바에 위치 한것을 볼 수 있다.
우선 구글 애드센스의 태그를 받는것은 제외하고 설정 방법먼저 본다면
내 블로그 관리 -> 스킨 -> 빨간 네모 안의 html/css 를 누른다
경고창이 나오지만 태그를 잘못 건드릴시 문제 있지 열어 보는데는 문제가 없다.
내 블로그 관리 -> 스킨 -> 빨간 네모 안의 html/css 를 누른다
경고창이 나오지만 태그를 잘못 건드릴시 문제 있지 열어 보는데는 문제가 없다.
Html/ CSS를 누르면 나오는 화면이다.
2단으로 나뉘어져 있는데
1단은 skin.html
2단은 style.css
이다.
구글 애드센스를 추가하는 부분은
1단의 skin.html이다.
사진에서 보다시피
<s_sidebar_element></s_sidebar_element>
라는 항목이 있다.
하지만 이 항목은 많다 아주 많이
여기서 잘 읽어봐서 자기 취향에 맞는 위치를 선택해야 한다.
밑에 보면 현재 내가 설정되어있는 것들과
구글 애드센스를 추가한 위치를 볼수 있다.
<s_sidebar>
<s_sidebar_element>
<!-- notice -->
<s_rct_notice><notice 뭔지 모르겠다.>
<li><p class="notice"><strong>Notice</strong><br/><s_rct_notice_rep><a href=""></a><br/></s_rct_notice_rep></p></li>
</s_rct_notice><notice>
</s_sidebar_element>
<s_sidebar_element><아래 주석문과 같이 카테고리 부분이다.>
<!-- 카테고리 -->
<li class="category"></li>
</s_sidebar_element><카테고리 부분이다.>
<s_sidebar_element><아래 주석문과 같이 내가 설정한 태그들이 나오는 부분이다.>
<!-- taglist -->
<li><p><strong>Tags</strong><br/><s_random_tags> <a href="" class=""> </a> </s_random_tags></p></li>
</s_sidebar_element><내가 설정한 태그들이 나오는 부분이다.>
<s_sidebar_element><아래 주석문과 같이 최근 게시물 부분이다.>
<!-- recent entry -->
<li><p><strong>Recent Entries</strong><br/><s_rctps_rep><a href=""> .</a> <span class="cnt"></span><br/></s_rctps_rep></li>
</s_sidebar_element><최근 게시물 부분이다.>
<s_sidebar_element><아래 주석문과 같이 최근 코멘트 부분이다.>
<!-- recent comment -->
<li><p><strong>Recent Comments</strong><br/><s_rctrp_rep><a href="">.</a>
<span class="name"></span> <span class="date"></span><br/></s_rctrp_rep></p></li>
</s_sidebar_element><최근 코멘트 부분이다.>
<s_sidebar_element><아래 주석문과 같이 최근 트랙백 부분이다.>
<!-- recent trackback -->
<li><p><strong>Recent Trackbacks</strong><br/><s_rcttb_rep><a href="">. </a> <span class="name"></span> <span class="date"></span><br/></s_rcttb_rep></p></li>
</s_sidebar_element><최근 트랙백 부분이다.>
<s_sidebar_element><아래 주석문과 같이 archive 부분이다.>
<!-- archive -->
<li><p><strong>Archives</strong><br/><s_archive_rep><a href=""> </a> <span class="cnt">()</span><br/></s_archive_rep></p></li>
</s_sidebar_element><archive 부분이다.(게시물올린날짜와 게시물수)>
<s_sidebar_element><아래 주석문과 같이 달력 부분이다.>
<!-- calender -->
<li><p class="calendar"></p></li>
</s_sidebar_element><달력 부분이다.>
<s_sidebar_element><아래 주석문과 같이 링크 부분이다.>
<!-- link -->
<li><p><strong>Links</strong><br/><s_link_rep><a href="" onclick="window.open(this.href); return false"> .</a> <br/></s_link_rep></p></li>
</s_sidebar_element><링크 부분이다.>
<s_sidebar_element><아래 주석문과 같이 카운터 부분이다.>
<!-- counter -->
<li><p>Total : <br/>Today : <br/>Yesterday : </p></li>
</s_sidebar_element><아래 주석문과 같이 카운터 부분이다.>
<내가 설정한 부분이다. 실제로도 카운터 아래 부분에 위치 하도록 하기 위해 이곳에 붙여넣었다.>
<s_sidebar_element>
<!-- 구글 애드센스 사이드바 -->
<script type="text/javascript"><!--
google_ad_client = "pub-2108448720528638";
/* 160x600, 작성됨 08. 3. 3 */
google_ad_slot = "2862599805";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- 구글 애드센스 사이드바 -->
</s_sidebar_element>
<여기까지 구글 애드센스 사이드바 설정 위치이다.>
<s_sidebar_element>
<!-- etc -->
<li><div style="margin:8px 0; font:11px dotum; " >
<a href="http://www.tistory.com" style="margin-bottom:4px; display:block;"><img src="http://cfs.tistory.com/blog/image/tistory/tistoryBanner01.gif" alt="tistory" /></a>
<a href="http://www.tistory.com/join" style="padding-left:12px;">티스토리 가입하기!</a>
</div></li>
<li><div class="ad"> <a href="" onclick="window.open(this.href); return false"> <img src="./images/rss.gif" alt="rss"/> </a> </div></li>
</s_sidebar_element>
</s_sidebar>
2단으로 나뉘어져 있는데
1단은 skin.html
2단은 style.css
이다.
구글 애드센스를 추가하는 부분은
1단의 skin.html이다.
사진에서 보다시피
<s_sidebar_element></s_sidebar_element>
라는 항목이 있다.
하지만 이 항목은 많다 아주 많이
여기서 잘 읽어봐서 자기 취향에 맞는 위치를 선택해야 한다.
밑에 보면 현재 내가 설정되어있는 것들과
구글 애드센스를 추가한 위치를 볼수 있다.
<s_sidebar>
<s_sidebar_element>
<!-- notice -->
<s_rct_notice><notice 뭔지 모르겠다.>
<li><p class="notice"><strong>Notice</strong><br/><s_rct_notice_rep><a href=""></a><br/></s_rct_notice_rep></p></li>
</s_rct_notice><notice>
</s_sidebar_element>
<s_sidebar_element><아래 주석문과 같이 카테고리 부분이다.>
<!-- 카테고리 -->
<li class="category"></li>
</s_sidebar_element><카테고리 부분이다.>
<s_sidebar_element><아래 주석문과 같이 내가 설정한 태그들이 나오는 부분이다.>
<!-- taglist -->
<li><p><strong>Tags</strong><br/><s_random_tags> <a href="" class=""> </a> </s_random_tags></p></li>
</s_sidebar_element><내가 설정한 태그들이 나오는 부분이다.>
<s_sidebar_element><아래 주석문과 같이 최근 게시물 부분이다.>
<!-- recent entry -->
<li><p><strong>Recent Entries</strong><br/><s_rctps_rep><a href=""> .</a> <span class="cnt"></span><br/></s_rctps_rep></li>
</s_sidebar_element><최근 게시물 부분이다.>
<s_sidebar_element><아래 주석문과 같이 최근 코멘트 부분이다.>
<!-- recent comment -->
<li><p><strong>Recent Comments</strong><br/><s_rctrp_rep><a href="">.</a>
<span class="name"></span> <span class="date"></span><br/></s_rctrp_rep></p></li>
</s_sidebar_element><최근 코멘트 부분이다.>
<s_sidebar_element><아래 주석문과 같이 최근 트랙백 부분이다.>
<!-- recent trackback -->
<li><p><strong>Recent Trackbacks</strong><br/><s_rcttb_rep><a href="">. </a> <span class="name"></span> <span class="date"></span><br/></s_rcttb_rep></p></li>
</s_sidebar_element><최근 트랙백 부분이다.>
<s_sidebar_element><아래 주석문과 같이 archive 부분이다.>
<!-- archive -->
<li><p><strong>Archives</strong><br/><s_archive_rep><a href=""> </a> <span class="cnt">()</span><br/></s_archive_rep></p></li>
</s_sidebar_element><archive 부분이다.(게시물올린날짜와 게시물수)>
<s_sidebar_element><아래 주석문과 같이 달력 부분이다.>
<!-- calender -->
<li><p class="calendar"></p></li>
</s_sidebar_element><달력 부분이다.>
<s_sidebar_element><아래 주석문과 같이 링크 부분이다.>
<!-- link -->
<li><p><strong>Links</strong><br/><s_link_rep><a href="" onclick="window.open(this.href); return false"> .</a> <br/></s_link_rep></p></li>
</s_sidebar_element><링크 부분이다.>
<s_sidebar_element><아래 주석문과 같이 카운터 부분이다.>
<!-- counter -->
<li><p>Total : <br/>Today : <br/>Yesterday : </p></li>
</s_sidebar_element><아래 주석문과 같이 카운터 부분이다.>
<내가 설정한 부분이다. 실제로도 카운터 아래 부분에 위치 하도록 하기 위해 이곳에 붙여넣었다.>
<s_sidebar_element>
<!-- 구글 애드센스 사이드바 -->
<script type="text/javascript"><!--
google_ad_client = "pub-2108448720528638";
/* 160x600, 작성됨 08. 3. 3 */
google_ad_slot = "2862599805";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- 구글 애드센스 사이드바 -->
</s_sidebar_element>
<여기까지 구글 애드센스 사이드바 설정 위치이다.>
<s_sidebar_element>
<!-- etc -->
<li><div style="margin:8px 0; font:11px dotum; " >
<a href="http://www.tistory.com" style="margin-bottom:4px; display:block;"><img src="http://cfs.tistory.com/blog/image/tistory/tistoryBanner01.gif" alt="tistory" /></a>
<a href="http://www.tistory.com/join" style="padding-left:12px;">티스토리 가입하기!</a>
</div></li>
<li><div class="ad"> <a href="" onclick="window.open(this.href); return false"> <img src="./images/rss.gif" alt="rss"/> </a> </div></li>
</s_sidebar_element>
</s_sidebar>
구글 애드센스 사이드바는 자기 스킨을 어떻게 해 놓았느냐에 따라 다르겠지만
기본 1단에 간단히 사용한다면 아마 나와 거의 흡사 할 것이고 쉽게 볼수 있을 것이다.
복사는 한 사이드바 메뉴가 끝나는
</s_sidebar_element>
아래부터 시작하는
<s_sidebar_element>
사이에 위치를 해야할 것 이다.
기본 1단에 간단히 사용한다면 아마 나와 거의 흡사 할 것이고 쉽게 볼수 있을 것이다.
복사는 한 사이드바 메뉴가 끝나는
</s_sidebar_element>
아래부터 시작하는
<s_sidebar_element>
사이에 위치를 해야할 것 이다.
