뷰 애드박스 위치 내 마음대로 바꾸기 - 티스토리 편

상단에 턱하니 붙어있는 다음뷰 애드박스 때문에 누구나 한번쯤 고민을 하였을 것입니다.

마음데로 위치조정이 힘들기에 최대한 깔끔하게 하는게 애드센스와 정렬하는 것이었죠. 그것도 깔끔하지 않아 지워도 보고...

하지만 왠지 만원이 아까워 다시 달아도 보았을 것입니다...

아래 사진은 제 블로그 애드박스 위치 사진입니다....

의외로 문제는 간단하였습니다..지금부터 설명드리겠습니다.

기본적으로 html 과 css 는 아시리라는 전제하에 설명드리겠습니다.

우선적으로 블로그 아이디번호 알아내야 합니다.

본인 블로그에서 우클릭->소스보기->찾기 Ctrl+F 로 "ad250" 찾아줍니다.

---

<div class="tt_article_useless_p_margin">   
<div class="ad250_outter" style="float: right;
margin: 0 0 20px 10px; position: relative; width: 250px;">
<div class="ad250" style="background: transparent url
(http://i1.daumcdn.net/img-media/media3/common/ad250_bar_r2.gif) no-repeat scroll 0 0;
width: 250px; height: 250px; padding: 18px 0 0; position: relative; width: 250px">
<iframe width="250" height="250" border="0" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"
src="http://amsv2.daum.net/ad/adview?secid=00000&mkvid=1&blogid=000000"></iframe></div>

---

위의 소스가 나올텐데요....가장 밑에 있는 빨간색 숫자가 본인의 아이디번호입니다..secid=5자리숫자 blogid=6자리숫자가 본인것이니깐 메모해 둡니다.

skin.html 수정

---

<!-- 다음 뷰 애드박스 -->
<div class="ad250" style="background: transparent url no-repeat scroll 0 0; width: 250px; height: 250px; padding: 0px 0 0; position: relative; width: 250px">
<iframe width="250" height="250" border="0" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://amsv2.daum.net/ad/adview?secid=5자리숫자&mkvid=1&blogid=6자리숫자"></iframe> </div>
<!--다음 뷰 애드박스 -->

---

위의 소스에 본인 아이디숫자를 위치에 맞게 입력합니다...그리고 위 소스를 원하는 곳에 붙여넣기 하면 끝.....

style.css 수정

---

 /* 다음 뷰 애드박스 지우기 */
.ad250_outter {width:0px !important; height:0px !important; overflow:hidden !important;}

---

css에 붙여넣기 하면 끝.....

소스첨부파일입니다.

애드박스.txt