오랜만에 티스토리 팁을 등록합니다.
최근 적용하게 된 팁인데요..모바일 티스토리에 애드센스 많이들 넣으시죠?
보통 상,하단으로 본문에 넣으시더군요. 저도 그렇게 사용해 왔었구요..
그러다 스크롤을 내려도 하단에 고정시키는 방법이 있을것 같고, 가능할것 같아서
시도해 보았습니다. 역시나 잘 적용이 되더군요~!
기본적으로 저는 포스팅할때 애드센스 적용시 서식을 이용합니다. 간편하니깐요..
서식사용을 기본으로 간단하게 설명 드리겠습니다.
우선 어떻게 보여지는지 이미지부터 보시죠.(이 글을 스마트폰으로 보시면 직접 확인가능!)
이건 일반적으로 본문 상단에 삽입되어 있는 구글 애드센스 입니다.
이건 스크롤바를 내려도 하단에 고정되어 있는 구글 애드센스 입니다.
더 내려 볼까요? 고정되어 있죠?
자 그럼 소스를 알려 드리겠습니다..간단하고 쉽습니다...
아래 소스를 본인의 광고코드를 수정하시고 적용하시면 됩니다.
<DIV style="HEIGHT: 50px; RIGHT: 0px; POSITION: fixed; MARGIN-LEFT: -8px; Z-INDEX: 1; MARGIN-TOP: -30px; WIDTH: 320px; BOTTOM: 0px">
<!--본인광고 스크립트--->
</DIV>
모바일용 구글광고플러그인용 플로팅
포스팅 본문에 html 모드로 삽입해주면 됩니다.
<style>
.adsbygoogle{HEIGHT: 100px; RIGHT: 20px; POSITION: fixed; MARGIN-LEFT: -8px; Z-INDEX: 1; MARGIN-TOP: -30px; WIDTH: 320px; BOTTOM: 0px}
</style>
이상입니다.
'티스토리' 카테고리의 다른 글
[애드센스팁]div를 이용한 구글 애드센스 336*280 사이즈 2개 본문 상단에 가운데 정렬하기 (0) | 2014.01.02 |
---|---|
[티스토리팁]페이지가 길때 나타나는 고정된 TOP,MIDDLE,BOTTOM 버튼 넣기 (8) | 2011.05.05 |
[티스토리팁]티스토리_다음 뷰ON 페이지하단에 고정시키기~! (4) | 2011.04.22 |