블로그 사이드바에 유튜브 동영상 올리기

블로그 사이드바에 유튜브 동여상을 올렸습니다.

볼것도 별로없는 심심한 블로그에 아이돌 가수 동영상 뮤직 비디오라도 올리자는 취지로 알아보았는데 생각외로 간단 하더군요. 초보자 분들도 쉽게 할수 있는 사이드바에 유튜브 영상올리기 설명 들어갑니다.

관리자 - 꾸미기 - 사이드바 - HTML 배너출력을 눌러서 사용자 위젯을 만들 창을 띄웁니다.  

유튜브로 가서 올리고 싶은 동영상에 마우스 오른쪽 버튼을 눌러서 소스 코드 확인을 눌러줍니다.

파랗게 드래그 되어있는데 Ctrl + C 를 눌러준 다음 티스토리의 사용자 위젯창으로 돌아갑니다.

위젯 이름을 정하고 HTML 소스란에 복사해온 소스를 붙여넣기 합니다. 붙여넣기 할때에는 사이드바에 맞춰서  width 와 height 의 크기(숫자)를 자신의 블로그 사이드바에 맞게끔 수정해주면 됩니다. 반응형 블로그 사이드바이기때문에 PC에서 봤을때 보기 싫지 않을 정도의 크기로 수정 후 올렸습니다. 스마트폰으로 사이드바의 유튜브 영상을 볼때는 어차피 전체화면으로 볼테니까 너비, 높이 이외는 수정하지 않았습니다.

저장을 누르면 사이드바에 위젯이 생성되고 나오는 것을 확인할 수 있습니다.

사이드바에 유튜브 위젯이 생성되었네요. 스마트폰에서도 재생 잘되네요.

반응형으로 유튜브 위젯 설치가 가능한지도 한번 알아봐야겠습니다. 이상 사이드바에 유튜브 동여상 올리기 였습니다. 좋은 하루 되세요 ^^~