본문 바로가기
노션 사용법

노션 날씨 위젯 weatherwidget 임베드 해결 방법

by 앙금노션 2024. 8. 27.

 

 
 
오늘은 노션의 날씨 위젯 weatherwidet.io
임베드하는 방법을 알려 드릴게요 :)
 
 
 
 
 
 
 
***
 
 
 
 

 

일반 위젯과 다른
날씨 위젯 weatherwidget

 
 
 
노션 위젯들은 대부분 링크만 복사해서
노션에 붙여넣기(Ctrl+V)하면
임베드할 수 있습니다.
 

 
 
 
 
 
 
 
하지만, 날씨 위젯은
[GET CODE] > [COPY TO CLIPBOARD] 하고
노션에 붙여넣기하면 아래처럼 됩니다 :(
 
 
 

 

노션에 날씨 위젯 링크를 붙여 넣은 모습

 


 
 
 
***
 
 
 

해결 방법

 

① HTML 블록 사이트를 접속

 
https://www.notion-tools.com/embeds/html

 

HTML 블록

<!-- Created By NTBot (sidebar) - 2021-05-27 13:44:06.418648 --> <style>.notion-page-content>.notion-column_list-block>div:first-child>div:nth-child(1) {width: calc(100% - 46px - 300px) !important;}.notion-page-content>.notion-column_list-block>div:first-c

www.notion-tools.com

 
 
 
 
 
 
 

② 링크 생성하기

 
날씨 위젯에서 복사한 링크를
[HTML 코드 입력란]에 붙여넣기 하고
[링크 생성하기]를 눌러 주세요.
 
 

 
 
 
 
 

③ 복사한 링크 붙여넣기

 
HTML 블록에서 복사한 링크를
노션에 [임베드] > [링크 붙여넣기] 하세요.
 

 
 
 
 

 
 
 
 
***
 
 
 
노션에서 날씨 위젯이 임베드되지 않는다면,
HTML 블록을 이용하면 해결할 수 있습니다.
 
 
https://www.notion-tools.com/embeds/html

 

HTML 블록

<!-- Created By NTBot (sidebar) - 2021-05-27 13:44:06.418648 --> <style>.notion-page-content>.notion-column_list-block>div:first-child>div:nth-child(1) {width: calc(100% - 46px - 300px) !important;}.notion-page-content>.notion-column_list-block>div:first-c

www.notion-tools.com