<aside>

💡 목차

1.오른쪽 박스 2.오른쪽 광고 3.왼쪽 광고 4.본문 하단 광고 5.본문 내 광고 설정 6.왼쪽 목차 7.팝업창


영상 가이드


백업용 코드

</aside>

왼쪽 가젯 > ’레이아웃’을 클릭해 직접 다양한 레이아웃을 수정할 수 있습니다

image.png


1. 오른쪽 박스

페이지 본문 옆 오른쪽 박스 입니다

image.png

image.png

스크린샷 2025-05-01 114545.png

  1. 빨간색 밑줄 : 클릭하면 접속할 사이트 url을 입력하시면 됩니다
  2. 파란색 밑줄 : 표시될 이미지 주소를 넣으시면 됩니다
<div id="right-side-container">
  <div class="right-square-box-card">
    <button class="close-btn" onclick="this.parentElement.style.display='none';">✕</button>

    <!-- 페이지 주소 삽입 https 부터 .jpg까지 -->
  <a href='<https://www.bokjiro.go.kr/ssis-tbu/twatbz/mkclAsis/mkclPage.do>' target='_blank' class='floating-banner-link'>
a
    <div class='floating-banner-top'>

<!-- 이미지 주소 삽입 https 부터 .jpg까지 -->
      <img src='<https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc118EC%2FbtsNw2Kciz0%2F1nbuBpytXQW7cWiJUvdm3K%2Fimg.jpg>' alt='이미지alt태그 입력' />
    </div>
  </a>
</div></div>