3.12 아로스 팝업 코드(중요), 티스토리 제제 시 지우는 방법

아로스 팝업

이미지는 아래 링크에 업로드 후 링크 사용하시면 편합니다(보관기간 1년)

https://ifh.cc/

- 티스토리 글쓰기 기능 활용하여 이미지를 불러올 수도 있습니다.(영구사용 가능)

 

망고보드

https://www.mangoboard.net/

미리캔버스

https://www.miricanvas.com/

 

 

티스토리에서 제한했을 때 조치법

- html에서 아래의 코드 삭제하세요.

   

- 팝업

<!-- 아로스 팝업-->

 

- 깜빡이 광고

<!-- 깜빡이 버튼-->

<!--깜빡이 버튼 종료-->

 

- 사이드바 광고

<!--좌우 사이드 광고 시작-->

<!--사이드 광고 소스 코드 끝-->

 

- 코드 끝에 display: none 추가하면 코드 삭제없이 노출시키지 않을 수 있습니다.

 

- 아로스 스킨을 티스토리 블로그에 그대로 사용하되 티스토리 블로그 정지되면 다른 계정으로 갈아타면 됩니다.

- 옮겨다니기기 번거롭다면 4챕터 블로그스팟 강의를 참고해주세요.

 

 

수업 노트에 기재된 코드는 저작권법의 보호를 받습니다.
상업적 용도로 무단 캡쳐, 복제, 배포를 금지합니다.

 

① head에 넣으세요

 

<!-- 스크립트 팝업 -->
<script src="https://cdn.jsdelivr.net/gh/abaeksite/aros_modal@main/aros-modal_allinone_v1.js"></script>

주소변경 1, 2는 이동하고 싶은 페이지, 3은 원래 페이지

1,2 글 먼저 작성, 이미지는 비공개로 오른쪽 클릭 새탭에서 이미지 열기로 img 팝업 이미지는 입력

② 각각 글마다 넣으세요

 

<!-- 아로스 팝업 -->
  <div id="aros-modal" class="aros-modal">
    <div class="aros-modal-bg">
      <div class="aros-modal-container">
        <div class="aros-modal-content">
          <!--주소 변경-->
            <a href="https://aros100.com">
          <img src="https://blog.kakaocdn.net/dn/bePPMI/btsFbfP4fNz/HJA3rpi4PqbPA2fdug7gz1/img.jpg" alt="아로스 팝업">
          <a>
        </div>
        <div class="aros-modal-actions">
            <!--주소 변경-->
          <a href="https://aros100.com">
                    <div class="aros-modal-button blue">
                    예매하러 가기
                    </div>
                    </a>
            <!--주소 변경-->
                    <a href="https://aros100.com">
          <div class="aros-modal-button black" id="aros-back">
                    오늘 보지않기
                    </div>
                    </a>
        </div>
      </div>
    </div>
  </div>      
  <!-- 아로스 팝업 종료 -->