뷰 애드박스의 위치를 변경해보자

안녕하세요~ 다음 view 애드박스는 항상 우측 상단 고정이었죠? 저는 비록 위치를 옮기진 않았지만 구글 광고와 매치시켜 깔끔하게 배치시켰습니다. 여러분도 성공하시길 바래요~

 

이게 그 문제의 view 애드박스입니다.

자, 이제 옮기는 방법에 대해 알려드리겠습니다.

먼저, 애드박스는 div태그로 덮여 있는데요, 이 코드 때문에 항상 우측 상단에 고정되어 있습니다.

우선 자신의 블로그에 마우스 우클릭 한 후, 소스보기를 누릅니다.

 

ad250을 검색 한 후, 제가 드래그 친 부분 가장 앞쪽에 ad250_outter라고 있을 겁니다. 그 후 바로 다음 <div class="ad250" 부터 복사해서 메모장에 임시로 저장합니다. outter는 빼시구요

이제 티스토리 관리자 화면에서 html/css 편집 화면으로 갑니다. 그 다음 css 편집 칸 맨 아래에 밑의 소스를 추가해 줍니다. 드래그가 불가능 하기 때문에 제가 첨부해 놓은 텍스트 파일을 여셔서 소스 복사하신 후에 붙여넣으시면 됩니다.

애드박스 수정 팁_1.txt .ad250_outter {width:0px !important; height:0px !important; overflow:hidden !important;}

이로서 다 끝난게 아닙니다! 이대로 애드박스 위치를 수정할 경우 애드박스는 영영 나오지 않게 돼요 ㅠ

그렇기 때문에 제가 ad250_outter를 빼시라고 당부한겁니다! 자, 이제 옮겨 보도록 합시다.

 

이제 html 편집 칸에서 article_rep_desc를 검색합니다. 이 소스를 기준으로 위쪽은 본문의 최상단, 아래쪽은 최하단에 애드박스가 뜨게 됩니다. 아까 임시로 저장한 애드박스 소스를 붙여넣기 하시면 됩니다.

사이드바에 넣고 싶으신 분은 사이드바 설정에서 html배너출력을 추가하신 뒤에 애드박스 소스를 적어주시면 되겠습니다.