[Tip] Tistory에 Toggle 기능 만들어 사용하기

🍎 Tistory에 "접는글"이 아닌 Toggle을 기능이 존재하지 않아 Html Code를 살짝 수정해 아래 폼을 만들어봤습니다.

🍏 가이드를 따라오시면 아래 Toggle 기능을 글에 적용시킬 수 있습니다.

toggle start

Inner toggle -1-

Inner toogle contents -1-

Inner toggle -2-

Inner toogle contents -2-

---

1. Tistory User Admin Page에서 꾸미기 -> 스킨 편집을 누릅니다.

Admin Page 꾸미기 List

---

 

2. 우측 상단 스킨 편집에서 HTML 편집을 누릅니다.

Skin Edit Page

---

 

3. 편집 대상인 CSS를 눌러아래 코드를 입력 후 적용합니다.

CSS Edit Page

.toggle-indent{
	margin-left : 20px; // 해당 부분을 수정하시면 들여쓰기 정도를 변경할 수 있습니다.
}

---

 

4. Toggle 기능을 적용하기 위해 글 쓰기에서 HTML Mode로 변경합니다.

HTML Mode Botton

---

 

5. Code Form을 사용해 HTML에 적용한다면 Toggle 기능을 사용하실 수 있습니다.

<details>
 <summary><b>toggle start</b></summary>
  <div>
  <div class="toggle-indent">
   <details>
    <summary><b>Inner toggle -1-</b></summary>
    <div>Inner toogle contents -1-</div>
   </details>
  </div>
  <div class="toggle-indent">
   <details>
    <summary><b>Inner toggle -2-</b></summary>
    <div>Inner toogle contents -2-</div>
   </details>
  </div>
 </div>
</details>

---

 

🍎 결과적으로 Toggle 기능을 사용할 수 있습니다.

❗️HTML Mode에서 CSS Code를 넣게 되면 적용이 안됩니다.