블로그 광고수익 모델 CPC 광고 다음 애드클릭스 팁

다음애드클릭스 에디터링크 정렬하는 방법에 대해서 약간의 을 소개해볼까 합니다.

제 블로그의 경우 글을 적을때 왼쪽정렬이 우선이며 그림을 올릴때도 왼쪽정렬로 올립니다. 애드클릭스 에디터링크를 본문 상단에 설치했지만, 애드클릭스의 마크인 AdsByDaum 그림을 살펴보면 아래와 같이 생겼습니다.



그림의 양쪽에 투명공간이 있기에, 왼쪽정렬로 올리더라도 왼쪽에 11px 정도 공간이 생기게 됩니다.
공백을 그림수정없이 없애고 왼쪽에 붙여서 나오게 하는 방법에 대해서 소개합니다.


* 다음 애드클릭스 에디터링크의 앞부분 그림은 임의로 손상시키거나 어떤 광고인지 알 수 없도록 변경해서는 안됩니다.
2009/04/02 - [Useful Tips] - 블로그 광고 시스템 써보고 느낀 점

애드클릭스에 실제로 이 코드를 적용해도 되는지 질문을 했고 받은 답변 내용

애드클릭스 관리자 실제 답변 내용 :

4. 광고타이틀 위치조절
=>기본적인 광고형태를 유지하면서 타이틀을 숨기지 않는 위치의 조절은 하실 수 있습니다.

 
잠깐! 제 블로그의 주수입원인 애드클릭스의 수익을 살짝 공개합니다. 5월분것만 살짝 공개 할께요.




다음 애드클릭스 에디터링크 정렬하기 전 모습 (Before)




Y축의 녹색선은 본문의 시작점입니다.
① 를 보면, 오른쪽을 11px 밀려서 [AdsbyDaum] 그림이 나오는걸 볼 수 있습니다.
② 를 보면 FF를 제외한 IE7 이하 버전에서는 본문을 작성할때 위에 공백을 두지 않고 작성하더라도 에디터링크와 한 줄 비어서 나오는 현상이 있습니다. 임의로 띄우지 않는 이상은 붙어서 나와야하는게 맞습니다. (FF 에서는 띄우지 않으면 붙어서 나옵니다.)


다음 애드클릭스 에디터링크 정렬 후 모습 (After)




CSS 를 사용하면 왼쪽의 공백을 그림 수정없이 정렬할 수 있으며, 아래쪽의 1줄 비는 현상도 없앨 수 있습니다.
① 를 보면, 본문이 시작하는 점과 일치해서 그림이 시작합니다.
② 를 보면, 아래쪽에 1줄 비는 현상이 없어졌습니다. (FF,IE6 에서 다르게 뜨던 현상이 사라짐)



CSS 수정으로 에디터링크 정렬 하는 방법


/* 다음애드클릭스 에디터링크 왼쪽에 바짝 붙이기 */
#Clixad {
    margin-left: -12px;
}


/* 다음애드클릭스 에디터링크 IE 7 이하에서 <p>태그 때문에  아래쪽 1줄 여백 생기는 부분 없애기 */

/* 줄이 밀리지 않는다면, 아래부분은 꼭 사용하지 않으셔도 됩니다. */
html*#Clixad {
    margin-bottom: -18px;
}

위에 코드를 복사한뒤, 자신의 스킨에 style.css 의 맨하단에 붙여넣습니다. 저장을 합니다.
/* 주석 */ 은 필요없다면 삭제를 하셔도 괜찮습니다.

설명 :
margin-left: -12px; 는 Clixad div 를 왼쪽으로 12px 이동시킨것이며,
margin-bottom: -18px;  는 CSS 핵을 이용해서 아래쪽 공간을 -18px 만큼 빼서 밑에 공간을 없앤것입니다.
아래부분의 코드는 <p> 태그 등으로 한줄 밀림현상등이 발생하지 않는 이상은 꼭 사용하진 않으셔도 됩니다. *

응용하신다면 다른 위젯이나 그림등의 위치도 원하시는 위치로 고정시킬 수 있습니다.

더 좋은 방법이 있는 분은 댓글로 부탁드리며, 궁금한점이 있거나 문의점이 있는분도 댓글 달아주세요.

스킨 관련 링크


2009/09/20 - [Useful Tips] - 파이어버그로 티스토리 스킨 미리 수정하기
2009/08/16 - [Useful Tips] - 블로그 서식 꾸미기 #1 (동영상)
2009/09/01 - [Useful Tips] - 블로그 서식 꾸미기 #2 - 플래쉬 소제목 활용하기 (동영상)
2009/07/23 - [Useful Tips] - 티스토리 블로그 스킨 분석해보자 - 둘째편
2009/04/21 - [Useful Tips] - 티스토리 블로그 스킨 분석해보자 - 처음편

스킨 무료로 최적화 해 드립니다.


2009/09/11 - [Hardware/Tuning/Lab] - 블로그 스킨 수정해 드립니다.

스킨공부에 도움이 될 책들




이 글은 "씨디맨" 의 동의 없이 전문 재배포 금지. 링크 및 트랙백은 허가 없이 무제한 허용 *  [자세히보기]

질문 또는 댓글을 남겨 주세요.

질문글은 무조건 답변 드리겠습니다. 이곳에 질문을 올려주세요.
이 글과 연관이 없는 급한 질문은 빠른 질문/답변을 이용해 주세요!

댓글 입력 폼

s;s s;s

     이미지 업로드

  1. 이전 댓글 더보기
  2. 지우개 2009.09.22 14:59 신고

    우앙~! 애드클릭스 수입이 ㅋㅋㅋ

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 14:52 신고

      별로 안되죠 ? ㅠ; 구글도 좀 나오면 좋겠는데 완전 기어가고 있어요 ㅋ;

      perm. |  mod/del. | 
  3. gemlove 2009.09.22 16:22 신고

    우왕..굳 ^^b 저도 애드클릭스 달아볼려고 지원했는데, 거절 당했어요 TT 조금 있다가 다시 도전해야되요 TT

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 14:53 신고

      자동으로 선별하기에 좋은글이 있어도 탈락되는경우가 더러있데요 이럴땐 애드클릭스 블로그 가서 왜 탈락시켰냐고 뭐라고 하면 다시 붙여준다고 하네요 ㅎ

      perm. |  mod/del. | 
  4. 필넷 2009.09.22 17:00 신고

    잘 보고 갑니다. 저도 바로 적용해야겠습니다. ^^

    perm. |  mod/del. |  reply.
  5. 빛이드는창 2009.09.22 17:08 신고

    신기신기 이런것까지 알고계신다니~ 매우 존경스럽습니다.

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 14:53 신고

      간단한 팁입니다 ^^; 사소하지만 이렇게 변경 가능하다고 알려주고 싶어서 써본 글이예요 ^^

      perm. |  mod/del. | 
  6. 레이먼 2009.09.22 17:11 신고

    정말 가려부분을 잘 끍어 주셨네요.
    지식이 없는 사람으로 이런 시시콜콜한 것을 남에게 묻기가 참 힘든 부분이었거던요.
    감사하게 잘 응용하겠습니다.
    감사합니다.

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 14:54 신고

      글 적은 보람이 있네요 흐; 왼쪽정렬을 정말 꼭 지키는데 저게 조금 밀려있어서 저도 어찌할지 고민좀 했었거든요.

      perm. |  mod/del. | 
  7. 웹초보 2009.09.22 17:58 신고

    애드클릭스 고수님인 cdmanii님께 질문이요~~
    혹시 IE8에 나타나는 교차 사이트 스크립트 공격 경고 해결하는 방법 아시는지요.. ^^;
    애드클릭스 달고싶어도 이 경고 때문에 꺼려지게 되서요.. ㅠㅠ

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.22 21:05 신고

      아시겠지만 IE8 에는 교차스크립트를 차단하는 보호막 같은게 있죠. 한 사이트에서 다른 사이트의 스크립트를 가져와서 뿌릴때 그걸 차단해버리기때문에 스타일이고 뭐고 다 날라가서 비어있는것처럼 보이는걸로 알고 있구요. 방법은 2가지 뿐이겠죠. IE8 에서 교차스크립트를 막는것을 해제하는 방법이 있겠고, 또하나는 광고스크립트를 바꾸면될텐데요. 광고는 수정을 할 수 가 없게 되어있죠. 스크립트파일안에 코드가 돌아가게 되어있고 임의로 바꾸면 광고위반일테니까요. 다음애드클릭스에서도 어찌 보완을 하겠다고 한걸로 알고는 있지만, 금방될 것 같지는 않구요. 아직은 IE8 에서 교차스크립트를 해지해놓는 방법뿐인듯해요.

      perm. |  mod/del. | 
    • 미니바쩜넷 2009.09.22 22:06 신고

      이문제로 저역시 다음측에 문의해봤는데 아직까지 해결방법을 내놓지 않더군요.

      임시적으로 윈도우에서 해결방법은 http://www.miniba.net/tc/1206 페이지 참고해보세요.

      perm. |  mod/del. | 
    • 씨디맨 2009.09.24 14:54 신고

      링크 그전에 봤었어요 답변 감사해요 ㅋ;

      perm. |  mod/del. | 
  8. 돌이아빠 2009.09.22 21:23 신고

    오호 이런 좋은 방법이 있는거로군요.
    cdmanii님 잘 지내시죠? 여전히 좋은 정보 좋은 포스팅 하고 계시네요^^

    오랫만에 들렀습니다~

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 14:55 신고

      아고 죄송해요 저도 요즘 자주 못돌아다니고 있네요; 잘 지내시죠 ? 용돌이도 잘 있죠 ? ^^

      perm. |  mod/del. | 
  9. 미니바쩜넷 2009.09.22 22:07 신고

    이거 수정하려고했다가 귀찮아서 포기했었는데.ㅎㅎ

    perm. |  mod/del. |  reply.
  10. 행복박스 2009.09.23 01:57 신고

    우와 애드클릭스 수익이 어마어마한데요~^^
    씨디마니님이 알려주신대로 하니깐 옆으로 붙은게 아주 예쁘게 잘 되네요..
    전 이게 되게 거슬렸거든요~^^

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 14:55 신고

      헛 역시나 같은 고민하신분이 계셨네요 ㅋ; 아무래도 세심한거지만 정리를 해주면 더 보기 좋고 그런거같아요 ㅋ;

      perm. |  mod/del. | 
  11. 모피우스 2009.09.23 10:40 신고

    역시 사람은 공부를 해야된다는 것을 느끼고 갑니다.

    공개해주신 팁... 정말로 감사합니다.

    좋은 하루되세요.

    perm. |  mod/del. |  reply.
  12. 에코 2009.09.23 11:02 신고

    좋은 정보 감사합니다. 잘 될지는 모르지만 열심히 따라서 수정해 봐야겠어요^^

    perm. |  mod/del. |  reply.
  13. 생각하는사람 2009.09.24 00:43 신고

    좋은 정보 감사드립니다.
    스킨을 한번 확 뒤집어 엎어버리고 싶은데 잘 안되네요 ㅎㅎ

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 15:00 신고

      이미 훌륭한 스킨 가지고 계시네요 ^^ 아 그런데 피드버너 한RSS 카운터 합치기가 안되어있는듯해요.

      http://cdmanii.com/1016 이게 도움 될듯합니다 ^^

      perm. |  mod/del. | 
  14. 2009.09.24 17:06

    비밀댓글입니다

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 14:57 신고

      잘 어울린다면 궂이 수정은 안해도 괜찮아요. 저도 저만큼 계속 나와주면 좋겠는데 꼭 그렇진 않더군요 ㅋ;

      perm. |  mod/del. | 
  15. 2009.09.24 17:08

    비밀댓글입니다

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.24 14:58 신고

      다른글보기는 플러그인에서 색 설정가능해요.
      플러그인 보시면 다른글 카테고리 보기라고 있을거예요. 거기에서 색설정 !

      그리고 애드클릭스 컨텐츠 광고는 하단쪽에다가 코드를 붙여주셔야 하단에 나오겠죠? 너무 많이 붙이는것보다는 1개만 쓰는게 좋은듯해요 (개인적인 생각)

      perm. |  mod/del. | 
  16. Jason.A 2009.10.03 11:13 신고

    저는 이 팁을 다른곳에서 아주 유용하게 잘 해결했습니다.
    이 팁을 적용하기 전에 제 블로그 최상단에는 IE7이하에서는 여백(마진)이 40px가 넘게 나와서
    IE8이나 FF3와 다르게 나와 한동안 매우 난감했었는데
    'IE 7 이하에서 아래쪽 1줄 여백 생기는 부분 없애기'를 응용해서 잘 해결되었습니다.
    좋은 팁 감사합니다.

    perm. |  mod/del. |  reply.
  17. 슈기 2009.10.15 10:33 신고

    와... 이런 팁도 있었네요..
    잘 읽고 갈께요 ^-^
    그나저나 수입이 정말 대단하신데요...??
    전.. 전.... 하하하하;;

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.10.15 10:59 신고

      에디터링크가 수입이 더 좋아요 ^^ 가능하면 밑보다는 상단으로 배치하시는게 좋아요 ^^

      perm. |  mod/del. | 
    • 슈기 2009.10.15 17:04 신고

      오홋! 그런가요????
      조언감사해요~ 저도 조만간 위로 올리는 작업해봐야겠어요 ^-^

      perm. |  mod/del. | 
  18. 넷테나 2009.10.23 23:07 신고

    에디터링크의 수익률이 심각하게 낮아져서 고민이었는데 딱 도움되는 글을 지금봤습니다^^
    적용해보려고요~ㅎ

    perm. |  mod/del. |  reply.
  19. 껍데기 2009.10.27 02:30 신고

    애드클릭스 수입이 이렇게 많은것은 처음 봅니다..대단하시네요

    perm. |  mod/del. |  reply.
  20. dentalife 2009.12.31 12:13 신고

    좋은 팁이네요. 저도 퍼다 썼습니다.
    제 글도 트랙백 걸게요.
    감사합니다.

    perm. |  mod/del. |  reply.
  21. 민구사이륙 2010.06.02 11:38 신고

    우와...... 저도 이렇게 블로그 꾸미고 싶은데 한참 멀었네요. 밑에 특히 그 뷰버튼 주위에 사진이 마음에 든다는.. 어떻게 하는건가요? 알고싶어요! :) 아 그리고 저는 머피의 법칙에 주인공 인가봐요. 왜 저만 안되는 건가요.ㅠㅠ 아깐 분명히 뷰대으랑 구글애드센스가 1줄에 탁~ 하니 만족스럽게 있었는데 다른거 수정하고 나서 다시 미리보기 해보니깐 자꾸 애드뷰가 밑에 줄에 가있네요.ㅠㅠ 그래서 그냥 애드뷰를 빼버렸는데. 방법이 없을까요? 분명 스킨에는 그 2개 밖에 넣지 않았고, 사이드바를 수정하고 있었는데 참 이상하네요. 하여튼 지금 쫌 졸려서 내일 다시 해봐야겠음. 자주 들릴께요! 즐겨찾기로 해나야 겠네요.

    perm. |  mod/del. |  reply.