[다음 애드박스] 위치 변경하기

많은 분들이 제 블로그를 보시고 애드박스 위치를 어떻게 변경했냐고 물어보시는데요. 오늘 드디어 알려드리겠습니다. 생각보다 쉽습니다. 그리고 애드박스 위치가 변경되면 규정사항 위반일거라고 말씀하시는데 제가 다시한번 애드박스 규정사항에 대해 읽어봤지만 위치에 대한 언급은 없었습니다.

어자피 애드박스는 본문 우측 상단에 설치하는 것이니 우측상단에만 설치하면 문제가 없겠죠? 갑자기 애드박스를 설치하면 본문과 애드센스나 리얼클릭 그리고 본문내용과 짬뽕이 되가지고 미관을 해치는 경우가 발생합니다. 그래서 우측상단에 고정시키면서 애드센스와 나란히 그리고 테두리를 만들어 깔끔하게 정리했습니다.

혹시나 규정위반일지도 몰라서 다음 측에 문의메일을 넣어놓은 상태이니 만약 이글을 보고 계신분이라면 그대로 하시면 됩니다. 규정위반이라면 글을 삭제할 거니까요.

첫번째, 애드박스 숨기기

애드박스숨기기.txt

먼저 하셔야 할 일은 기존에 존재하는 애드박스를 숨기는 것입니다. 첨부한 파일에 있는 소스를 HTML/CSS 에서 style.css 맨 아래 붙여넣어 주시면됩니다. 미리보기를 해보시면 애드박스가 사라진 것을 알 수 있습니다. 그러나 이 소스는 애드박스를 보이지 않게 숨긴것이지 엄밀히 말하면 사라진 것은 아닙니다.

두번째, 애드박스 소스 찾기

보통 소스는 HTML/CSS에서 확인할 수 있지만 애드박스는 확인할 수 없습니다. 그러나 자신의 포스팅 본문에서 오른쪽 버튼을 누르고 소스보기를 클릭하면 모든 소스를 확인할 수 있습니다.

소스보기를 클릭하시면 복잡하게 소스들이 등장하는데요. 거기서 'ad250'을 찾기(Ctrl+F)를 통해 찾아줍니다. 그러면 <div class="ad250_outter" .....> 이렇게 시작하는 부분이 나옵니다. 그 바로 아래로 <div class="ad250" style......> 과 <iframe width="250".....> 시작하는 부분이 있습니다. 그러니까 총 괄호로 표시된 부분이 세군데입니다. 아까 첨부한 파일이 첫번째 outter 있는 부분을 숨긴것이니 그 부분은 제외하고 <div class="ad250" style......> 과 <iframe width="250".....> 시작하는 부분의 소스만 복사해서 원하는 위치에 넣어주시면 애드박스가 이동된 것을 확인하실 수 있으실 겁니다. 참고로 outter 이 부분을 제외하고 복사했으니 마지막 부분에 있는 </div> 이 것 한개도 제외하고 복사해야 합니다.