수능 디데이, 커플 기념일, 여행 카운트다운...
블로그나 노션에 예쁘게 올리고 싶은데, 딱 맞는 도구가 없더라고요.
그래서 직접 만들어봤어요. 날짜를 입력하면 바로 위젯이 생성되고, 티스토리나 노션에 붙여넣기만 하면 되는 Toolzi 디데이 계산기입니다.
같은 고민을 하시는 분들께 도움이 될 것 같아서 공유해요.
디데이 위젯이 뭔가요?
디데이 위젯은 특정 날짜까지 남은 날수를 실시간으로 보여주는 카운트다운입니다.
블로그 글 안에 넣거나, 노션 페이지에 삽입해서 쓸 수 있습니다. (제가 주로 사용하는 티스토리와 노션 위주로 만들었어요)
Toolzi 디데이 계산기에서 날짜를 등록하면 자동으로 임베드 코드가 생성되고, 그걸 복사해서 붙여넣기만 하면 끝이에요.
티스토리 또는 노션에 디데이 위젯 넣기
예시: 수능 디데이를 티스토리 또는 노션 글에 넣고 싶을 때
1단계 - 디데이 위젯 만들기
Toolzi 디데이 계산기에 접속해서 날짜를 선택해 추가하고, 수정 버튼을 눌러 자신이 원하는 스타일로 수정할 수 있어요.
폼(심플, 플립)을 결정하고 미리 만들어 놓은 프리셋을 눌러 스타일을 결정하면되요. 아래의 옵션으로 자신이 원하는 스타일로 좀더 수정할 수 있어요.
2단계(티스토리) - 티스토리에 디데이 위젯 넣기
1단계에서 만든 디데이 위젯에서 퍼가기를 눌러주세요. 퍼가기의 옵션값을 선택후, 코드 복사를 눌러주세요.
그리고, 티스토리 글쓰기 창에서 아래 그림과 같이 ... 을 눌러주고, 복사한 코드를 붙여넣으면 끝이에요.
편집창에서 미리보기 할 수 없는 소스라고 나오는게 아쉽지만, 실제로 게시하면 잘 보이는걸 확인할 수 있어요.
아래는 실제로 작동하는 디데이 위젯
2단계(노션) - 노션에 디데이 위젯 넣기
노션은 티스토리 퍼가기와는 조금 다르게 퍼가기시에 세부 디테일을 조절할 수 없어요.
노션에서 "/임베드" 블록을 검색해주세요. 그리고 위에서 복사한 url 을 붙여넣어주세요. 그럼 다음과 같이 디데이 위젯이 추가된것을 보실 수 있어요.
이런 분들께 추천해요
- 실시간으로 작동하는 수능, 자격증 디데이를 블로그 글에 넣고 싶은 분
- 노션 공부 플래너에 노션 위젯 하나 더 추가하고 싶은 분
- 티스토리를 좀더 이쁘게 꾸미고 싶은 분
- 커플 기념일이나 여행 디데이를 예쁘게 꾸며서 올리고 싶은 분
마치며
가입도 없고, 설치도 없어요.
Toolzi에서 날짜만 입력하면 티스토리, 노션 어디든 붙일 수 있는 위젯이 완성됩니다.
사용하다가 불편한 점이 있으면 댓글로 남겨주세요. 확인하고 추가할 수 있는 건 반영할게요.
다음에도 좋은 글로 찾아오겠습니다.
'유틸리티' 카테고리의 다른 글
| 아직도 고민 중? 리얼한 3D 동전던지기로 3초 만에 결정하기 (0) | 2026.02.03 |
|---|
