⭐️[나만 알고 싶은] 세상에 하나뿐인 목차 디자인

내 블로그에 목차 만들고 싶은데.. 어떻게 이쁘게 할수 없을까?

안녕하세요 페어리브레드입니다 :) 
저는 요즘 결혼 준비에 한창인 
에겐남 예랑이에요!

블로그에 결혼 준비 과정을 하나씩 담아보려고 했는데,
문득 이런 생각이 들더라고요.

"아... 나도 블로그에 목차 만들어보고 싶다."
"근데... 예쁘게, 나만의 느낌으로 만들 수는 없을까?"

그때 깨달았어요.
"그래, 내가 개발자였지!" 😎
그래서 직접 목차 만드는 코드를 만들어보기로 했습니다!

 

✨ 1️⃣ 이렇게 만들어졌어요!

짠! ⤵️

 

목차 항목 입력 (한 줄에 하나씩):

버튼 그라디언트/색상 선택:

 

원하는 색상 선택

HTML 내보내기:

 

 

---

✨ 2️⃣ 사용 방법 (완전 간단해요)

혹시 저처럼 “나도 내 블로그에 목차 넣고 싶은데?” 생각하셨다면,
아래 방법 따라 해보세요!

1️⃣ 글쓰기 할 때 **“기본 모드”**로 작성하세요
2️⃣ 목차에 담고 싶은 제목은 → 문단 모양 → 제목1 로 설정

3️⃣ “나만의 목차 만들기” 폼에 제목들을 적어주세요
→ 참고: 실제 글 속 제목과 동일하게 작성해야 해요!

4️⃣ 댓글로 알려주세요!
→ 제가 script 태그를 보내드릴게요!
받은 script 태그는 HTML 편집 화면 하단에 붙여 넣으시면 됩니다 :)

✅ 진짜 간단하죠? 😆

 

---

✨ 3️⃣ 마치며

이 글이 조금이라도 도움이 되셨다면
댓글 + 공감 꾹 눌러주시면 큰 힘이 돼요~!

혹시 안되는 부분, 어려운 부분 있으시면
댓글 남겨주세요!
최대한 빨리, 그리고 쉽게 도와드리겠습니다 :)

오늘도 행복한 하루 보내세요! ✨