티스토리 블로그 유튜브 본문에 삽입하는 방법

티스토리 블로그 유튜브 본문에 삽입하는 방법

 

환경: Chrome

 

블로그 포스팅을 할 때 이미지와 동영상은 글의 퀄리티를 높여 주는 중요한 요소입니다. 동영상은 용량이 크기 때문에 바로 블로그에 올릴 수는 없습니다. 그래서 동영상은 유튜브에 올리고 블로그 포스팅할 때 링크를 걸어 주는 것이죠. 티스토리에서 유튜브 동영상을 링크 거는 두 가지 방법에 대해 알아 보도록 하겠습니다.

 

¤ 유튜브 동영상 플러그인을 이용하는 방법

 

▼ 첫 번째 방법은 티스토리에서 제공하는 플러그인을 이용하는 것입니다. 이것은 HTML 소스로 유튜브 링크를 삽입하는 것이 어려우신 분들한테 유용합니다. 티스토리 관리자 페이지로 접속한 후 [플러그인]메뉴를 선택합니다.  

▼ 오른쪽 화면으로 가서 "유튜브 동영상 넣기" 플러그인을 클릭합니다. 

▼ 설정 화면이 나타나면 적용 버튼을 누릅니다. 이제 글 쓰기에서 유튜브를 쉽게 추가할 수 있는 플러그인이 활성화 되었습니다. 

▼ 플러그인 설정에서 적용을 눌렀다면 글 쓰기 화면으로 이동합니다. 그리고 오른쪽 하단에 플러그인 목록으로 가시면 [YouTube] 라고 추가 되어 있는 것을 알 수 있습니다. 동영상을 추가하고 싶다면 [YouTube] 메뉴를 클릭합니다.

 

▼ [YouTube] 를 클릭하면 본문에 동영상을 삽입할 수 있는 팝업창이 나타납니다. 팝업창의 검색란에 동영상 주소를 입력하시면 아래 해당 동영상이 나타납니다. 자신이 올리고자 하는 동영상이 맞는다면 체크하시고 오른쪽으로 가서 사이즈를 조절해 줍니다.

 

▼ 동영상 첨부 팝업창에서 등록을 눌러 본문에 추가한 모습입니다. 이렇게 플러그인을 이용하시면 간단하게 추가할 수가 있습니다.

 

¤ 직접 주소를 삽입해서 추가하는 방법

 

▼ 다음은 유튜브에서 복사한 소스 코드로 링크를 거는 방법입니다. 링크를 걸고 싶은 동영상에서 소스 코드 탭을 클릭합니다. 그럼 iframe 코드가 나타납니다. 이것을 복사해 주세요.

 

▼ 복사한 코드를 붙여넣기 위해 티스토리 글 쓰기 창으로 갑니다. 그리고 오른쪽 끝에 있는 [HTML] 옵션을 체크해 줍니다. 그럼 입력 화면이 바뀝니다. 이곳에 복사한 코드를 붙여 넣으시면 됩니다.

 

▼ 코드를 붙여 넣고 크기를 조절 하시려면 소스 내부에 있는 width 와 height 값을 변경해 주시면 됩니다. 아래는 HTML 소스 입력창에 아무것도 없기 때문에 간단해 보이지만 글을 입력하다 중간에 삽입하려면 초보 분들은 어디가 어디인지 모를 수가 있습니다. 그래서 플러그인을 이용하시는 것이 편할 겁니다.  

 

▼ 유튜브 소스를 붙여 넣은 후 화면으로 돌아가서 확인해 보겠습니다. 글 쓰기 오른쪽 상단에 있는 HTML 옵션을 체크 해제 합니다. 그럼 아래 그림과 같이 추가된 동영상 화면을 볼 수가 있습니다.