애드센스 상단 2개 광고를 응용한 다양한 스킨 적용

애드센스 상단 2개 광고를 응용한 다양한 스킨 적용하는 방법을 알아두면
본문안에 검색바 또는 카운터,다음뷰글 여러가지 스킨을 적용할수 있습니다.

  먼저 티스토리 스킨 skin.html에서 article_rep_desc를 찾습니다.
skin.html에서 article_rep_desc을 중심으로 위에 애드센스 상단 2개
 광고를 붙이면 본문위에 광고를 적용합니다.

  바꾸어 말슴드리면 skin.html에서 article_rep_desc을 중심으로 아래에
광고 태그를  붙이면 아래쪽 광고가 적용됩니다.
스킨을 적용하면서 예를 들면 광고 넣는 자리를
 <!--- 하단 단어 애드센스 시작 -->
광고스킨
<!--- 하단 단어 애드센스 끝 -->

이렇게  만들어 놓으면 언제든지 그자리에 광고태그를 넣으면 됩니다.

일반적으로 알려져 있는 애드센스 상단 2개 광고를 넣는 방법은 article_rep_desc를
찾아 바로 위에 아래와 같은 애그센스광고 태그를 넣습니다.
이해를 돕기 위해 색으로 표시하여 나타 냅니다.
붉은 색 --- 테이이블
파란색 ---애드센스광고 태그

<!--구글애드센스-->
<table cellpadding="0" cellspacing="0" table width="100%">
<tr>
<td width="50%">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxxxxxxx";
/* 336x280, 작성됨 11. 5. 20 */
google_ad_slot = "1xxxxxxxx";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>

<td width="50%">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxxxxxxxxxx";
/* 새광고 */
google_ad_slot = "xxxxxxxxxxxxxx";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</table>

애드센스 상단 2개 광고


애드센스 상단 2개 광고를 응용한 다양한 스킨 적용하는 방법은 위의 붉은 색
테이블을 응용하면 _article_rep_desc아래 본문하단에
검색바 또는 카운터,다음뷰글 여러가지 스킨을 본문에
적용 할 수 있습니다.

붉은 색 --- 테이이블
파란색 ---구글검색바,다음뷰글,검색 모듈등 태그
!--- 구글검색 -->
<form action="http://sjy8593.tistory.com/location" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-4xxxxxxxxxxx2:n9yfsrbys6c" />
    <input type="hidden" name="cof" value="FORID:10" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="45" />
    <input type="submit" name="sa" value="검색" />
  </div>
</form>
<script type="text/javascript" src=" http://www.google.com/coop/cse/brand?
form=cse-search-box&lang=ko">
</script><table cellpadding="0" cellspacing="0" table width="100%">
<tr>
<td width="50%">
<!--- 다음뷰 -->
<iframe src='http://api.v.daum.net/iframe/my_widget?
skin=3&page_size=5&init_type=point&is_footer=1&daumid=sjy6851'
width='100%' height='220' frameborder='0' scrolling='no' allowtransparency='true'></iframe>
</td>

<td width="50%">
<!-- 검색 모듈 -->
<div id="searchBox">
<s_search>
<input type="text" name="" value=""
 onkeypress="if (event.keyCode == 13) { }"/>
<input value="검색" type="buttonh_" onclick=""
class="submit"/>
</s_search>
</div>
</td>
</tr>
</table>

검색바 또는 구글검색바,다음뷰글등 여러가지 스킨을 본문에
응용하여 적용 할 수 있습니다.



애드센스 상단 2개 광고를 응용한 다양한 스킨 적용이 본문 아래부분에 넣어보았습니다.
테이블 밖으로 구글검색바가 올라가게 만들었습니다.size="45 숫자로 길이조절
다음뷰 테이블 높이 조절 height='220'
테이블 붉은 색이 위부분과 아래부분이 같습니다.


주의사항 : 스킨을 바꾸면서 항상 미리보기로 확인한 후 스킨에 이상이 없을 때 저장합니다.
또한 주기적으로 최적의 스킨은 이름을 잘 만들어 저장해 둡니다.
비상시 반드시 필요합니다.
  
또 한가지 알려드립니다. 블로그 서치박스 크기조절은 style.css 에서 숫자로
조절합니다 ,아래 참조 : 길이=.width: 250px; 높이= height:30px;선 굵기= border:2px
<!--본문-->

서치박스style.css

#searchBox {  text-align:right; }
#searchBox input         { width: 250px; height:30px; border:2px solid #0000FF; margin-bottom: 3px; vertical-align: middle; }
#searchBox .submit       { background:url(images/검.gif) no-repeat; width: 60px;  height:28px; text-indent:-5000px; border:14; cursor:pointer; vertical-align: middle; }

 

검.gif은 검색버튼 gif파일입니다.

예를 들면 스킨skin.html에서 표시 된 자리는
 지우지 말고 태그소스만 지우거나 바꿈니다.
이렇게 해 놓으면 시간도 절약되고 찾기가 쉽습니다 

<!--- 하단 단어 애드센스 시작 -->
<!--- 하단 단어 애드센스 끝 -->

 

<!-- 페이지 센스시작 -->
<!-- 페이지 센스 끝 -->

아래는 저의 블로그 본문 밖으로 카운터를 보이게 합니다. 
이 부분을 알고 싶으시면 댓글로 연락바랍니다. 
<!-- 카운터 모듈 시작 -->
<dt class="Today">오늘 </dt><dd></dd>
<dt class="Yesterday">어제 </dt><dd></dd>
<dt>총계</dt></dd>
<!-- 카운터 모듈 끝 -->

본문 밖으로 카운터를 보이게 합니다.

구글_애드센스_본문상단에_2개_달기.txt

정정하는 글 : 본문에 넣은 검색창은 실험을 해보니 검색이 안되어 본문 밖으로 보냄니다.구글검색창은 검색이 됩니다.