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

[오늘은 꼭 씻어야지]

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

< 광고창 없애기 >

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 더 크게 적어줘야 함!

---

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

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

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

[선 산 곱 창]

우와 진짜 신기해

[WICHU]

짱이다

[papipapi]

홀 멋찌다ㅋㅋ

[Fail Better]

대박

[신셰경]

천재여시 고마워 ,, 근데 혹시 이미지 주소 복사는 모바일에서도 할 수 있을까…? 담캎 앱이나 사파리에서는 안되는것같아 ㅠ

[오늘은 꼭 씻어야지]

사파리로 모바일 버전 다음카페 들어가서 이미지 누르면 새창으로 열리잖아? 그 주소 복붙하면 돼!! 주소가 아마 아이폰은 https://m1.~~으로 시작할거야 그거 쓰면 돼!
다음카페 어플말구 모바일버전이야!!

[고마쎄리마]

대박 해봐야지 고마워!!!

[후라시베리]

우아 멋있다 고마워!!

[임승대]

와 이거 너무 궁금했는데 고마워!!!