Google Adsense



티스토리 뷰애드박스 가지고 놀기

도움 주신 퍼피용님의 블로그 : http://iwashere.tistory.com/


티스토리 뷰애드박스 가지고 놀기

 


티스토리 뷰애드박스 가지고 놀기


개인적으로 위치 때문에 신경 쓰였지만 귀찮아서 내버려두었던 뷰애드박스를 깔끔하게 꾸미는 방법을 알게 되었습니다.


블로그 포스트 화면에서 소스 보기를 하여 ad250을 검색하면 아래와 같이 뷰애드박스의 소스를 볼 수 있습니다.


 

티스토리 뷰애드박스 가지고 놀기


총 3단계로 되어있는데 class="ad250_outter"는 뷰애드박스를 전체를 감싸고 있는 부분이고 class="ad250"는 뷰애드박스 상단에 쓰인 view애드박스를 표시하는 부분이고 마지막으로 iframe이 뷰애드박스 정보를 보여주는 부분입니다.


그래서 뷰애드박스를 자유롭게 이동하기 위해서는 class="ad250_outter" 부분을 수정해 주면 되는데 관리자 페이지 → HTML/CSS 편집 → style.css 하단에 아래와 같이 소스를 넣어주면 됩니다.


/* 뷰애드박스위치 */
.ad250_outter {float: left !important; margin: -286px 0px 100px 510px !important;}

float: left, right, center : 기본적인 위치를 3가지로 구분할 수 있습니다.
margin: -286px 0px 100px 510px : 순서대로 상, 좌, 하, 우 위치를 수정하여 포스트 내부에서 자유롭게 이동할 수 있습니다.


/* 뷰애드박스 감추기 */
.ad250 {width:0px !important;}

ad250은 상단에 view애드박스 표시 부분인데 가로 사이즈를 0으로 만들어 깔끔하게 만들 수 있습니다.


iframe 부분은 <iframe.... 부터 </iframe> 까지 소스를 복사해서 skin.html 부분에 넣어 다른 광고들과 같이 자유로운 부분에 출력할 수 있습니다.(iframe 사이즈는 될 수 있으면 수정하지 않는 것이 좋습니다.) 그러면 뷰애드박스가 2개가 생기게 되는데 이때 뷰애드박스위치를 수정하여 iframe 소스를 넣어 보이는 뷰애드박스 위에 기본적으로 보이는 뷰애드박스를 똑같이 배치하거나 좌, 우 사이즈를 과감하게 수정하여 포스트 내부에서 안드로메다까지 추방해 버리는 방법을 쓸 수 있지만 저는 기본적으로 보이는 뷰애드박스가 본문에서 사라지게 되면 view 지원금에 영향이 있을 수 있을까 봐 iframe 소스를 넣어 보이는 뷰애드박스 위에 똑같이 배치하는 방법을 사용했습니다.


애드센스와 나란히 배치하는 방법은 투명 테이블 소스를 이용하여 깔끔하게 꾸밀 수 있습니다.


<TABLE style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-COLLAPSE: collapse; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class=txc-table border=0 cellSpacing=0 cellPadding=0 width=100% align=center>
<TR>
<TD style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT: 0px">
<P style="TEXT-ALIGN: center">

광고/뷰애드박스

</P></TD>
<TD style="BORDER-BOTTOM: 0px; BORDER-TOP: 0px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT: 0px">
<P style="TEXT-ALIGN: center">

광고/뷰애드박스

</P></TD>
<TD style="BORDER-BOTTOM: 0px; BORDER-TOP: 0px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT: 0px">
<P style="TEXT-ALIGN: center">

광고/뷰애드박스

</P></TD></TR>
</TABLE>

 

티스토리 뷰애드박스 가지고 놀기


[파일 다운로드]

top_ad vad.txt

 

Google Adsense Daum view 구독 추천/구독  
tv팟 구독 tv팟 구독 올포스트 구독하기





치토스 박스 2 티에디션
1호, 2호, 3호, 4호, 5호, 6호, 7호, 8호, 9호, 10호,
11호, 12호, 13호, 14호, 15호, 16호, 17호, 18호, 19호

Tag , , , , , , , , , , , , , , , , , , , , , ,
댓글 - 여러분의 소중한 댓글이 저에게는 큰 힘이 됩니다.^^









■ : 일반글
■ : 운영자글

댓글을 달아 주세요

  1. BlogIcon 노지
    2012.05.01 07:43 신고
     댓글주소  수정/삭제  댓글쓰기

    정해진 위치와 크기 등을 수정하면 차후에 불이익을 받을 수가 있습니다...
    조심하세요 ;

  2. BlogIcon 해커 C
    2012.05.09 22:02 신고
     댓글주소  수정/삭제  댓글쓰기

    안녕하세요~ 해커 C 다녀갑니다 ㅎㅎ

    잘보고 갑니다~!!

    뷰애드 위치와 라벨제거 해도 수익지급이 되어지던가요? ㅎ

    뷰애드는 아직 구동시켜 보진 않았지만, 제한된 레이아웃 덕분에, 사용이 힘드네요 ㅠㅠ

  3. BlogIcon WHADAM
    2012.05.16 23:19 신고
     댓글주소  수정/삭제  댓글쓰기

    치토스님 저도 치토스님꺼보고 만져봤는데.. 댓글보니.. 헠 .... 불이익...!!!

    다시보니 어렵지않은데 처음볼땐 좀 헤맸내요 ㅋ ㅋ

    불이익없는지 확인되셨으면 저도 알려주세요~^^

  4. BlogIcon WHADAM
    2012.05.17 21:39 신고
     댓글주소  수정/삭제  댓글쓰기

    치토스님 애드박스를 좌측으로 보내려면 어떻게 해야하나요?

    좌측으로 해볼려고 했더니 애드박스가 2개 생겨버리내요--

    • BlogIcon chitos7
      2012.05.18 00:02 신고
       댓글주소  수정/삭제

    • 간단하게 아이프레임 소스를 넣어 표시되는 부분을 테이블 소스 위치에서 바꿔 주면 되구요.
      그에 따라서 원래 표시되는 애드박스를 위치 수정해 주면되는 거죠.^^

      이 부분을 수정하면 된다는 거죠.^^
      /* 뷰애드박스위치 */
      .ad250_outter {float: left !important; margin: -286px 0px 100px 510px !important;}

  5. BlogIcon WHADAM
    2012.05.20 03:48 신고
     댓글주소  수정/삭제  댓글쓰기

    오른쪽 클릭율이 높다구해서 애드박스를 좌측으로 빼버릴려구 했는데 참 안되는군요--

    그래서 더 이상 손안대려구 했는데
    다른곳에가서 익스7 깔린곳에서 봤더니 애드박스 2개가 떠다니길래 수정좀 해볼려구
    테이블꺼 지워보고 하다가
    애드센스가 겹쳐지고 난리가 남
    이 상태가 아마 치토스님이 목격한 상태일겁니다.ㅋㅋ

    어쨌든 다시 익스9에서 잘보이는 상태로 돌려놓은 상태구요

    조금 궁금한게 관리자에서 애드박스를 노출 옵션에 체크하면
    html에 애드 박스의 소스 없이 출력이 되잖아요

    그런데 치토스님이 소스보기에서 복사해서 html에 추가로 넣으신거잖아요

    그럼 원본 애드박스와 소스를 추가한 애드박스 2개가 출력되야하는거 아닌가요?

    • BlogIcon chitos7
      2012.05.20 03:51 신고
       댓글주소  수정/삭제

    • 원본 애드박스 위치 수정을 하는 이유중 하나가 그거죠..
      2개가 출력되지만 굳이 2개를 직접적으로 노출 시킬 필요는 없습니다.
      그래서 원본 애드박스 위치 수정을 하여 아이프레임 소스로 보여지는 애드박스 위치와 똑같은 위치로 이동시키는 거죠.^^
      보이는 건 1개지만 실제론 2개가 존재하는 거죠.^^

    • BlogIcon WHADAM
      2012.05.22 02:55 신고
       댓글주소  수정/삭제

    • 본문을 제대로 안 읽었던걸까요? ㅋㅋ

      위에 소스가 ad250_outter 부터 나와있잖아요

      전 이걸 테이블에 다 집어 넣었었내요
      그렇다보니 애드박스 위치 수정하면 2개가 붙어서
      날라 다닙니다.

      치토스님이 위치 수정해서 원본 애드박스로 겹친다는
      댓글보고 깨달음이 왔습니다.ㅋㅋ

      그리고 본문 다시 읽어보니 아이프레임만 복사해서 넣는
      다는 내용이 있내요 ..--!

      문제가 생긴후 본문을 다시읽어봤었는데
      왜 그땐 눈에 안들어왔는징...

      어쨌든 성공했어요~~
      도움주셔서 감사합니다.~ 꾸벅

      그리고 어제부터 치토스님 애드박스 겹쳐진게
      약간 틀어졌는데요 원본이 2px정도 내려왔어요~

    • BlogIcon chitos7
      2012.05.22 03:00 신고
       댓글주소  수정/삭제

    • 축하드립니다.^^
      깔끔하게 잘 꾸며지셨네요.ㅎ

      제 애드박스는 하단에 소스를 넣어줬더니 원본애드박스가 좀 밀려버리네요.ㅎㅎㅎ