이 블로그는 더이상 운영되지 않고 Archive 용도로 사용되고 있습니다.
새로운 블로그를 방문해주세요.

[simple gray 3.0] 본문 상/하단에 구글 애드센스 넣기


※ 이 가이드는 simple gray 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다.




티스토리에서 본문에 애드센스를 추가해주는 플러그인이 있지만, 반응형을 지원하지 않습니다.

(왜 못하게 해놓은걸까요?)


이 글에선 간단한 편집으로 애드센스 추가 방법을 다루려고 합니다.

제목에서 본문 상/하단이라고는 했지만 실제 광고가 들어가는 부분은 다음과 같습니다.


상단상단 애드센스 위치



하단하단 애드센스 위치



플러그인을 사용해 광고를 넣으면 공감버튼과 CCL 아이콘 사이에 애드센스 광고가 추가되는데, 그렇게 넣기 위해선 jQuery 를 사용해야 하기에 설명을 다음 기회로 잠시 미뤄두겠습니다.



본론으로 돌아와,


skin.html 파일의 129 ~ 131번째 줄을 보면 다음 소스가 있습니다.

	<div class="article">
	[#_article_rep_desc_#]
	</div>


아래 처럼 div 를 추가해주세요


	<div class="article">
	<div class="adsense_top"> 상단 반응형 애드센스 광고 코드 삽입 </div>
	[#_article_rep_desc_#]
	<div class="adsense_bottom"> 하단 반응형 애드센스 광고 코드 삽입 </div>
	</div>


※ adsense_top과 adsense_bottom은 CSS 에서 꾸미기 쉽도록 임의로 지정한 Class 입니다.



style.css 파일에서 해야 할 일은


.adsense_top { margin-bottom: 15px; text-align: center; width: 100%; }
.adsense_bottom { margin-top: 15px; margin-bottom: 15px; text-align: center; width: 100%; }


이렇게만 넣어주면 끝납니다.


이 외의 스타일은 임의로 추가하면 됩니다.

티스토리 툴바