네이버 블로그 , 티스토리 블로그 본문에 유튜브 영상 넣는법 강좌

안녕하세요 KIK 입니다 ^^.

이번 포스팅에서는 네이버 또는 티스토리 블로그와 같은 HTML 모드를 지원하는 모든 에디터 플랫폼에서

유튜브 영상을 본문에 삽입하는 방법에 대해 알아보겠습니다!

​블로그들을 둘러보다 보면 

간혹가다 윗 사진처럼 포스팅 본문에 유튜브 동영상이 삽입되어 있는 포스팅을 보실 때가 있으실 겁니다.

아마 에디터에서 제공하는 기능이 아닐까 생각해봤으나,

막상 제 블로그들로 돌아와서 글쓰기를 눌러보니... 

 

유튜브 동영상을 삽입하는 방법을 열심히 뒤져봐도 전혀 찾을 수가 없었죠..

저는 네이버는 스마트에디터 2.0 (구버젼) , 티스토리도 구버젼 에디터를 사용하는지라 찾을 수 없었습니다.

뭔가 다른 방법이 있는건지 고민하던 찰나.. 

블로그의 글쓰기 에디터에도 HTML 모드 (HTML 편집기) 가 있다는 것을 깨닫게 되었습니다! 

혹시 인터넷 커뮤니티 사이트에서 유튜브 영상을 삽입하는 방법과 동일하지 않을까 했는데, 정답이더군요 : ) 

정말 간단했습니다! 같이 한번 알아봅시다!

---

본문에 유튜브 영상을 넣기 위한 유튜브 HTML 코드 추출하기 (필독)

간단하게 설명 해 드리겠습니다. 천천히 따라오세요 : )

유튜브 영상을 삽입하기 위해선, 유튜브에서 별도로 제공하는 HTML 태그를 찾아야합니다.

원하는 유튜브 영상을 찾으신 뒤, 공유 버튼을 클릭합니다.

공유 버튼을 클릭하게 되면 위와 같은 창이 나타납니다. 

여기서 맨 좌측에 있는 '퍼가기' 버튼을 클릭해주세요.

퍼가기 버튼을 클릭하게 되면 위와 같은 창으로 이동합니다.

이제 좌측에 있는 코드를 복사해두시면 됩니다.

단순히 우측 하단에 있는 복사 버튼을 클릭하셔도 자동으로 HTML 코드가 복사됩니다.

이 코드가 중요합니다!

---

네이버 블로그 (스마트에디터 2.0) 본문에 유튜브 영상 넣는법

이제 네이버블로그 본문에 유튜브 영상을 넣어봅시다.

에디터 2.0 기준 (구버젼) 우측 하단의 HTML 메뉴가 있을겁니다. 이 메뉴를 클릭하시면,

또다른 창이 등장하게 되는데요, 

본문을 적으시던 도중이시라면 영 알아먹을 수 없는 코드들이 잔뜩 적혀있을 것 이고

에디터 창에 아직 아무것도 적지 않으신 상태라면 빈 공간이실 겁니다.

아까 1번과정에서 복사해뒀던 유튜브 HTML 영상 코드를 빈 공간에 붙혀 넣어주세요. 


본문을 적으시던 분들도 당황하실 필요 없습니다.

영상 위치는 나중에 마우스로 끌어서 임의로 조정해도 되니 HTML 코드가 익숙치 않으신 분들은 일단 맨 아래에 붙혀 넣어주세요.



붙혀넣으신 이후, 우측 하단의 Editor 메뉴를 클릭하여 원래 편집기로 돌아가시게 되면,,

이렇게 본문에 유튜브 영상이 삽입됩니다!

저 창을 마우스로 자유자재로 끌어다 놓으며 본문상 영상의 위치를 입맛대로 조정할 수 도 있고, 

좌측 중앙 우측 배열 등의 에디터 내의 옵션들을 이용하셔도 위치를 조정하실 수 있습니다.

참고로 네이버에서 발표한 최신형 에디터인 스마트에디터 ONE (현재 베타버젼입니다) 에서는

단순히 동영상의 링크를 붙혀넣는것 만으로도 유튜브 동영상 삽입이 가능하다고 합니다.

저는 저 신형 에디터가 영 익숙치않아서 딱히 사용하고 있진 않습니다 : (

---

티스토리 블로그 (구 에디터) 본문에 유튜브 영상 넣는법

티스토리 블로그에 동영상을 넣는 방식도 네이버 블로그와 동일합니다. 

유튜브에서 HTML 태그를 복사하여, HTML 편집기에 붙혀넣는 방식이지요.

그러나, 인터페이스의 위치 차이가 약간 익숙하지 않으실 수 있으니 안내 해 드리겠습니다.

티스토리 블로그에도 최근에 새로운 에디터를 발표했습니다.

그러나 좀 쓰다가 안쓰게 되더군요.. 아무튼 구버젼 에디터를 기준으로 작성한 글 입니다 참고하세요.

티스토리 구버젼 에디터의 경우, HTML 모드 변환 메뉴는 우측 상단에 아주 자그마하게 위치합니다.

저곳을 체크하시면,

에디터가 HTML 모드로 변환됩니다.

이곳에 유튜브에서 복사 해 두셧던 HTML 코드를 붙혀넣으신 뒤, 우측 상단의 체크를 해제 하시면,

이렇게 본문에 유튜브 동영상이 삽입됩니다!

네이버 에디터와 마찬가지로 본문 내의 위치 조정이 자유자재로 가능합니다!

---

마무리

지금까지 네이버 블로그 , 티스토리 블로그 본문에 유튜브 영상을 삽입하는 법에 대해 알아 보았습니다!

참 간단하지만 모르면 계속 모르고 계실만한 정보이기에, 공유를 해 드리는 것이 좋다고 생각되어 포스팅을 하게 되었네요!

다음에도 쓸만한 정보를 들고 오도록 노력하겠습니다 감사합니다 ^^.

---

https://blog.naver.com/hunters___/

해당 블로그는 제가 동시에 운영중인 블로그입니다. 

네이버에서 이웃신청을 하시면 포스팅 업데이트 소식을 실시간으로 받아보실 수 있습니다.