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

2012. 2. 6. 06:30컴퓨터/블로그 만들기

반응형
애드센스 상단 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

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