CAFE

[기타]다음 에디터 html기능으로 내 글 광고창 없애거나 바꾸는 방법

작성자오늘은 꼭 씻어야지|작성시간24.03.13|조회수3,198 목록 댓글 10

출처 : 여성시대 (오늘은 꼭 씻어야지)

 

< 광고창 없애기 >

1. 다음 에디터에 있는 'HTML' 버튼 클릭

2. 'HTML'창 안에 아래 코드 복사해서 붙여넣기

<style>#ad_wrapper, .banner_wrapper {display: none;}</style>

3. '확인' 버튼 누르면 끝! 광고창이 사라집니다.


< 광고창 바꾸기 (모바일에서만 적용) >

1. 마찬가지로 'HTML'창 열어서 아래 코드 복사 붙여넣기

<style>
    #ad_wrapper, .banner_wrapper {display: none;}
    
    .article_content {position:relative;margin-bottom:216px;}
    .m_ad {position: absolute; top:100%;left:0; width:100%; height: 200px;margin-top: 8px;background: url('이미지 주소') no-repeat center / cover;}
    .m_ad::after {content: 'AD';display:inline-block; position: absolute; top: 10px; right: 10px; border-radius: 10px; border: 1px solid #ccc; color: #ccc; background: rgba(255,255,255,.2);font-size:12px;padding:1.5px 8px;}

    #content .m_ad {display: none;}
</style>

<a class="m_ad" href="연결할 사이트 주소"></a>

2. 광고창으로 쓸 이미지를 개인카페나, 1달에 올린 후 이미지를 마우스 오른쪽 버튼으로 클릭 한 후, 이미지 주소 복사 클릭

3. 복사한 이미지 주소를 위 코드에서 '이미지 주소'라고 적힌 곳에 복붙 (이미지 주소는 글자 적힌거는 지우기)

 

4. 광고창과 연결할 사이트 주소를 복사한 후 '연결할 사이트 주소'에 복붙 (마찬가지로 글자 적힌거 지우기)

 

5. 만약 광고창 높이를 늘리고 싶으면, 빨간색으로 표시한 'margin-bottom', 'height'의 값을 수정하면 되는데

주의 할 점은 height가 300px이면 margin-bottom은 316px, height가 400px이면 margin-bottom은 416px 이렇게 margin-bottom이 height보다 16px 더 크게 적어줘야 함!

 


 

두 번째 방법으로 하면 이 글 처럼 광고창이 바뀝니다 와~

문제 시 따뜻하게 말해줘요,,,,

(폰트는 닉스곤 폰트 입니다.)

다음검색
현재 게시글 추가 기능 열기
  • 북마크
  • 공유하기
  • 신고하기

댓글

댓글 리스트
  • 작성자신셰경 | 작성시간 24.03.14 천재여시 고마워 ,, 근데 혹시 이미지 주소 복사는 모바일에서도 할 수 있을까…? 담캎 앱이나 사파리에서는 안되는것같아 ㅠ
  • 답댓글 작성자오늘은 꼭 씻어야지 작성자 본인 여부 작성자 | 작성시간 24.03.14 사파리로 모바일 버전 다음카페 들어가서 이미지 누르면 새창으로 열리잖아? 그 주소 복붙하면 돼!! 주소가 아마 아이폰은 https://m1.~~으로 시작할거야 그거 쓰면 돼!
    다음카페 어플말구 모바일버전이야!!
  • 작성자고마쎄리마 | 작성시간 24.03.14 대박 해봐야지 고마워!!!
  • 작성자후라시베리 | 작성시간 24.03.14 우아 멋있다 고마워!!
  • 작성자임승대 | 작성시간 24.03.14 와 이거 너무 궁금했는데 고마워!!!
댓글 전체보기
맨위로

카페 검색

카페 검색어 입력폼