|
출처 : 여성시대 (오늘은 꼭 씻어야지)
여시들 안녕
다음카페 광고 없애고 내가 만든 광고 올리는 법 공유합니다...
다음카페 광고 없애거나 간단한 광고로 바꾸고 싶은 여시들은
이 글을 봐줘
https://cafe.daum.net/subdued20club/LxCT/329181
가끔 여시하면 이런 광고 보이잖아?
이 형태의 광고창 만드는 법을 공유해~
만들기 전에 광고창에 넣을 이미지들을 미리 1달이나 개인카페에 올려줘!
1. 우선 다음 글쓰기에 있는 '<>HTML' 버튼을 눌러서 'HTML' 창 안에 아래 코드를 복붙해줘
<style> #content .m_ad_scroll, #ad_wrapper, .banner_wrapper {display: none;} .article_content {position: relative;margin-bottom: 266px;} .m_ad_scroll {position: absolute;top:calc(100% + 8px);left: 0;width: 100%;height: 250px;box-sizing: border-box;background:#fff;} .m_ad_scroll * {box-sizing: border-box;padding:0;margin:0;} .m_ad_scroll a {color: inherit;text-decoration: none !important;} .m_ad_scroll .top {display: flex;justify-content: space-between;align-items: center;padding: 15px 15px 10px;} .m_ad_scroll .top > a {display: flex; align-items: center;} .m_ad_scroll .top > a > .pf {display:inline-block;width: 25px;height: 25px;border-radius: 10px;border: 1px solid #eee;margin-right: 5px;background: url('미니 광고 이미지주소') no-repeat center / cover;} .m_ad_scroll .top > span {display: inline-block;padding:1px 7px;font-size:10px;border-radius: 10px;border: 1px solid #ccc;color: #ccc;font-weight:bold;} .m_ad_scroll .scroll {display: flex;overflow-x: scroll;overflow-y: hidden;} .m_ad_scroll .scroll .scr-item {text-align: left;margin-right: 6px;} .m_ad_scroll .scroll .scr-item > div {flex-shrink: 0;width: 145px;height: 145px;border: 1px solid #eee;border-radius:3px;} .m_ad_scroll .scroll .scr-item:first-child {margin-left: 15px;} .m_ad_scroll .scroll .scr-item:last-child {margin-right: 15px;} .m_ad_scroll .scroll .scr-item > p {font-size: 16px;margin-top: 5px;line-height:100%;} .m_ad_scroll .scroll .item1 > div {background: url('1번 광고 이미지주소') no-repeat center / cover;} .m_ad_scroll .scroll .item2 > div {background: url('2번 광고 이미지주소') no-repeat center / cover;} .m_ad_scroll .scroll .item3 > div {background: url('3번 광고 이미지주소') no-repeat center / cover;} .m_ad_scroll .scroll .item4 > div {background: url('4번 광고 이미지주소') no-repeat center / cover;} .m_ad_scroll .scroll .item5 > div {background: url('5번 광고 이미지주소') no-repeat center / cover;} .m_ad_scroll .scroll .item6 > div {background: url('6번 광고 이미지주소') no-repeat center / cover;} </style> <div class="m_ad_scroll"> <div class="top"> <a href="#"> <span class="pf"></span> <span>미니광고 제목</span> </a> <span>AD</span> </div><!--top--> <div class="scroll"> <a href="#" class="scr-item item1"> <div></div> <p>1번 광고 제목</p> </a><!--scr-item--> <a href="#" class="scr-item item2"> <div></div> <p>2번 광고 제목</p> </a><!--scr-item--> <a href="#" class="scr-item item3"> <div></div> <p>3번 광고 제목</p> </a><!--scr-item--> <a href="#" class="scr-item item4"> <div></div> <p>4번 광고 제목</p> </a><!--scr-item--> <a href="#" class="scr-item item5"> <div></div> <p>5. 제목</p> </a><!--scr-item--> <a href="#" class="scr-item item6"> <div></div> <p>6. 제목</p> </a><!--scr-item--> </div><!--scroll--> </div><!--m_ad_scroll--> |
2. 위 코드 보면 빨간색으로 표시한 부분 있잖아?
거기에 내가 원하는 이미지 주소를 복사해서 붙여넣어줄거야
이미지 우클릭하면 '이미지 주소 복사' 적힌게 보일건데
그거 눌러주면 이미지 주소가 복사돼
-
폰으로 복사 할 때는 모바일 버전 다음카페 들어간 후에
이미지 눌러서 해당 페이지 링크 복붙 하면 돼
3. 복사한 이미지 주소를 다 코드에 다 넣어줬으면
이미지 눌렀을 때 원하는 사이트로 가도록 링크를 연결해줄거야
코드 보면 '#' 보이지? '#' 지우고 그 위치 링크 복붙해줘
4. 링크도 다 연결해줬으면 'HTML'창 확인 누르고 글 올리면 끝~
광고창이 바뀝니다~
-
내가 만든 코드는 광고박스가 6개인데
6개까지는 필요없다 싶으면
'~번 광고 이미지 주소' 적혀있는 코드랑
<a href="#" ~> ...</a>로 감싸져 있는 부분을 지우면 돼
만약 4개만 있으면 된다 싶으면
아래 노란색 표시한 부분들은 다 지우면 되는거야
난 6개가 부족해 더 추가하고 싶어, 하는 여시들은
반대로 저 부분들을 추가하면 돼!
-
그럼 도움이 되길 바라며..안녕..
첫댓글 우와 ㅋㅋㅋ신기해
와 광고창에 쩌리게시판ㅋㅋㅋㅋㅋㅋ 완전 싱기해
우와 여시 천재만재다....
와대박 이게무슨일이야.. 달글 홍보로 달면 딱이다 ㅜㅜㅠㅠㅜㅜㅠ
와대박
와 진짜신기해… 창의력 오만점
개신기하다
대박이다,,,옛날 티스토리같아 짱신기해
우와
와존나신기래 ㅋㅋㅋ
유ㅏ 진짜 신기해 ㅋㅋㅋㅋㅋ 천재여시
졸귀
와~ 멋지다진짜. 배운사람이네... 난 뭐배웠지
헐 개오져
와 진짜 멋지다 여샤
개멋있다 여시야 고마워 재밌다 진짜...글쓴여시 같은 여시들덕에 여시 하기가 재밌어 (여시탈트붕괴..
와 대박이다 천재여시 신기해 다음에 해봐야지~~~~ 글 넘 고마워!!
와 대박 천재만재여시 쩌리 광고라니 생각도 못했어
와 시간날 때 천천히 따라해보면서 달꾸 해야지 고마워 여시야!!!!!!!!!!
헐 너무 귀엽고 멋지다 고마우잉
와 진짜 천재다 ㄷ ㄷ
미쳤다 이거 활용해서 업로더들이 종종 본문에 실종아동 찾기 넣던것처럼 넣는 것도 되겠네ㅠ
와존멋
˗ˋˏ 와 ˎˊ˗천재야?
우와ㅋㅋㅋㅋㅋ짱이다
헐 너무 신기하다!!!!!! 광고보기 싫은데 이런 건 괜찬다고요!!!!!
와 진짜 유용하다!!! 달꾸하고싶어져
와 너무 좋다!!!!!
우와 넘 신기하다!!!
와 나 학교다닐때 찔끔 배웠던 html 이네ㅋㅋㅋ 뭔가 반갑다 아직도 테이블 표 하나 외워서 못만들지만 이렇게 생활에 응용한거보니까 너무신기하고 재밌다~
우와 ㅋㅋㅋㅋㅋㅋ
와..!
우와 너무 신기해 고마워❤️❤️
우앜ㅋㅋㅋ 신기해
와 진짜 신기해ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 광고가 넘 좋다
개쩐다 천재여시; ; ; ;
와 신기하다
짱 신기해
고마워!!!!
우와 너무 신기해!!!! 고마워!!!