구글 블로그 플로팅을 간단히 추가하는 방법
구글 블로그 플로팅을 간하게 추가하는 방법에 대해서 알아보도록 하겠습니다.
이 방법을 사용하면 CSS와 같은 기타 고급 옵션을 건드리지 않고도 오직 레이아웃에서 추가될 수 있기 때문에 초보자들도 손쉽게 할 수 있습니다.
플로팅이란
플로팅이란 말그대로 떠있는 것을 의미하는데요.
인터넷 블로그나 뉴스 홈페이지에 끝까지 따라붙는 어떤 창이나 광고를 보셨을거에요. 이것을 바로 플로팅이라고 합니다.
사실 플로팅은 그리 좋지 않습니다.
우선 블로그 주변에 뭔가 떠다니기 때문에 많은 사람들이 꼴뵈기 싫어서 중도에 나가는 경우도 있을 수 있습니다.
다만 잘만 활용한다면 충분히 광고 효과를 톡톡히 노릴 수 있는 또 하나의 수익원이 될 수도 있습니다.
그렇다면 구글 블로그에 플로팅을 삽입하는 방법에 대해서 알아볼까요?
플로팅 광고를 삽입하는 방법
1) 구글 블로그에 로그인을 합니다.
2) 레이아웃에 들어가 사이드바 > 가젯에 진입합니다.
3) 가젯에서 HTML/JavaScript를 추가합니다.
4) 여기에 아래의 코드를 입력하세요
| <style scoped=” type=’text/css’> .fixed-leftSd,.fixed-rightSd{position:fixed;top:60px;width:200px;height:200px;z-index:9999;transform:translateZ(0)} .fixed-leftSd{left:0} .fixed-rightSd{right:0} .close-fixedSd{position:absolute;width:200px;height:15px;line-height:15px;font-size:11px;font-weight:400;top:-15px;left:0;text-align:center;background:#e0e0e0;color:#666;padding:5px 0;cursor:pointer} @media screen and (max-width:800px){.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}} </style> <div class=”fixed-leftSd”> <div aria-label=”Close Ads” class=”close-fixedSd” role=”button” tabindex=”0″ onclick=”this.parentElement.style.display="none"”> CLOSE ADS </div> — > (좌측) 코드를 입력하세요 </div> <div class=”fixed-rightSd”> <div aria-label=”Close Ads” class=”close-fixedSd” role=”button” tabindex=”0″ onclick=”this.parentElement.style.display="none"”> CLOSE ADS </div> –> (우측) 코드를 입력하세요. </div> |
5) 이렇게 입력한 후 저장합니다.
6) 양쪽에 광고가 떠있는 것을 볼 수 있습니다.
참고사항
1) 저는 개발자가 아니라 외국에서 어떤 분이 만드신 것을 퍼온 것이라 수정문의는 받을 수 없습니다.
2) 플로팅 위치를 이동시켜보려 했지만 이동이 되지 않습니다.
용자분의 멋진 코딩실력 기대하면서….
3) 참고로 오른쪽 배너를 지우거나 왼쪽 배너를 지우려면 (좌측 또는 우측) 코드를 입력하세요 아래부분 </div> 부터 시작해 <div> 가 시작되는 부분까지 삭제하시면 됩니다.
이렇게 하면 왼쪽 배너만 살아남게 됩니다.
주의사항
애드센스광고 중 앵커광고는 자동광고에 있는 것이라서 특정 스크립트를 통해 추가할 경우 제재를 받을 수도 있습니다.
따라서 애드센스는 이용하지 않는 것을 권장드립니다.