본문 바로가기

티스토리

[애드센스팁]div를 이용한 구글 애드센스 336*280 사이즈 2개 본문 상단에 가운데 정렬하기

반응형

우선 이 팁은 이미 많은 분들이 알고 계시는 팁 일수 있다는 점~

말씀드리며 포스팅하겠습니다.~

 

기본적으로 티스토리 본문 상단에 애드센스를 많이들 배치하는데 한개 또는 두개를 배치합니다.

이때 가운데 정렬....참 골치죠....table이나 center 같은 태그를 쓰자니..요즘 잘 안쓰는 추세이고.....

(물론 쓰지 말라는 법은 없습니다..^^;;)

그래서 DIV를 이용하여 간단하게 가운데 정렬 시키는 방법을 아주 간단하게 알려드릴게요.

안내를 드리기에 앞서 해당 팁을 적용하기 위해서는

본문 너비가 700px정도는 되어야 가능하다는 점~!참고하세요.

먼저 HTML/CSS 편집  style.css에 아래 코드를 추가 합니다.

 #ad_center {  
 width: 672px;   /* 애드센스 가로크기 x 2 = 전체너비 */  
 height: 280px;  /* 애드센스 높이 */  
 margin: auto; /* margin 값 auto 핵심 */
 }

다음 skin.html  소스에서

반응형

우선 이 팁은 이미 많은 분들이 알고 계시는 팁 일수 있다는 점~

말씀드리며 포스팅하겠습니다.~

 

기본적으로 티스토리 본문 상단에 애드센스를 많이들 배치하는데 한개 또는 두개를 배치합니다.

이때 가운데 정렬....참 골치죠....table이나 center 같은 태그를 쓰자니..요즘 잘 안쓰는 추세이고.....

(물론 쓰지 말라는 법은 없습니다..^^;;)

그래서 DIV를 이용하여 간단하게 가운데 정렬 시키는 방법을 아주 간단하게 알려드릴게요.

안내를 드리기에 앞서 해당 팁을 적용하기 위해서는

본문 너비가 700px정도는 되어야 가능하다는 점~!참고하세요.

먼저 HTML/CSS 편집  style.css에 아래 코드를 추가 합니다.

 #ad_center {  
 width: 672px;   /* 애드센스 가로크기 x 2 = 전체너비 */  
 height: 280px;  /* 애드센스 높이 */  
 margin: auto; /* margin 값 auto 핵심 */
 }

다음 skin.html  소스에서   를 찾아 그 위에 아래 코드를 넣습니다.

코드중 애드센스 스크립트1 삽입 부분은 본인의 구글 애드센스 코드를 넣으시기 바랍니다.

336*280 사이즈 입니다.

 <!--애드센스----->
<div id="ad_center">
    <div style="width:336px; height:280px; float:left;">
 
<!--애드센스 스크립트1 삽입 ----------->

</div>
<div style="width:336px; height:280px; float:left;">
<!--애드센스 스크립트2 삽입 ----------->
</div>
</div>
<div style="clear:both;"></div><!---본문 레이어와 중첩되지 않도록 하기 위한 코드 --->


이상입니다. 궁금하신 점이 있으시면 댓글 고고~

 

반응형
 
를 찾아 그 위에 아래 코드를 넣습니다.

코드중 애드센스 스크립트1 삽입 부분은 본인의 구글 애드센스 코드를 넣으시기 바랍니다.

336*280 사이즈 입니다.

 <!--애드센스----->
<div id="ad_center">
    <div style="width:336px; height:280px; float:left;">
 
<!--애드센스 스크립트1 삽입 ----------->

</div>
<div style="width:336px; height:280px; float:left;">
<!--애드센스 스크립트2 삽입 ----------->
</div>
</div>
<div style="clear:both;"></div><!---본문 레이어와 중첩되지 않도록 하기 위한 코드 --->


이상입니다. 궁금하신 점이 있으시면 댓글 고고~

 

반응형