구글 애드센스팁

블로그에 검색용 애드센스 달기 2 (코드삽입)

Kay~ 2008. 6. 29. 23:54

블로그에 검색용 애드센스 달기 2

몇일전에 블로그에 검색용 애드센스 광고 달기라는 제목으로 포스팅을 했었는데
오늘은 거기에 이어서 블로그에 검색용 애드센스 코드 삽입하는 방법에 대해서 포스팅을 하려고 합니다.
검색용 애드센스 광고만들기에 대해서 궁금하신 분은 아래 링크에서 확인할 수 있습니다.
( 블로그에 검색용 애드센스 달기 1 )

콘텐츠용 애드센스 광고코드 삽입을 찾아오셨다면 여기로-> 티스토리에 콘텐츠용 애드센스 코드 삽입하기

블로그에 검색용 애드센스 코드 삽입

모.. 검색용 애드센스를 달려고 하는 분이라면 아마도 이미 코드 삽입하는 것은 다 아실것입니다.
혹시나 모르는 분을 위한 포스팅이므로 너무 쉬운 내용을 포스팅했다고 뭐라 하지 마시길 바라겠습니다. ^^

먼저 skin.html을 열어서 찾기(편집-찾기 또는 Ctrl + F)를 이용하여 "searchBox"를 찾습니다.

찾은 다음에는 티스토리 블로그에서 자체적으로 지원하는 검색기능을 주석처리 합니다.
아래처럼 <!-- 와 --> 사이의 내용은 주석처리가 되어 기능이 작동되지 않습니다.

<s_sidebar_element>
<!-- 티스토리 검색모듈 주석처리
      <div id="searchBox">
      <s_search>
       <input type="text" name="[ ##_search_name_## ]" value="[ ##_search_text_## ]"
            onkeypress="if (event.keyCode == 13) { [ ##_search_onclick_submit_## ] }"/>
       <input value="검색" type="button" onclick="[ ##_search_onclick_submit_## ]" class="submit"/>
      </s_search>
     </div>
-->
</s_sidebar_element>

이제 검색용 애드센스 코드를 <s_sidebar_element> 과 </s_sidebar_element> 사이에 삽입합니다.
(스킨에 따라서 <s_sidebar_element>가 없을 수 있습니다. 아래 그림처럼 searchBox 윗부분에 삽입하면 됨)

아래는 제 블로그의 관리자/글쓰기 아래에 검색용 애드센스 코드를 삽입한 소스입니다.

<!-- 검색 모듈 -->
<s_sidebar_element>

<div id=adsenseSearch>
  검색용 애드센스 코드 삽입
</div>

      <!-- 티스토리 검색모듈 주석처리
      <div id="searchBox">
      <s_search>
       <input type="text" name="[ ##_search_name_## ]" value="[ ##_search_text_## ]"
            onkeypress="if (event.keyCode == 13) { [ ##_search_onclick_submit_## ] }"/>
       <input value="검색" type="button" onclick="[ ##_search_onclick_submit_## ]" class="submit"/>
      </s_search>
     </div>
     -->
</s_sidebar_element>

위에서 "검색용 애드센스 코드 삽입"이라고 적혀 있는 부분에 코드를 삽입한 후에 저장만 하면 끝입니다.
 
다만 저는 모양을 맞추느라 <div>와 css를 사용했습니다.

바로 <div id=adsenseSearch>입니다.
adsenseSearch는 제가 미리 만들어놓은 css이며 속성은 아래와 같습니다.

   #adsenseSearch          { margin:-17px 0 -30px 0;  padding:0;}

위 아래 줄간격 조절하느라 사용한것이므로 혹시 검색창의 위치가 맘에 안드시는 분들은 이런식으로
공간 조절을 해보시 바랍니다.


블로그에 검색용 애드센스 달기 1
콘텐츠용 애드센스 광고 만들기
콘텐츠용 애드센스 광고 코드삽입하기