〃 IT/〃 블로그정보

티스토리 꾸미기 사이드바에 유튜브동영상 넣기

백장미꽃 2013. 7. 5. 11:53
반응형

 

 

 

 

2013/07/05 - [※ 꼭 필요한정보/※ 블로그정보] - 티스토리 유튜브 동영상 고화질로 링크걸기

 

티스토리블로그 사이드바에 유튜브 링크걸기


 

블로그 투데이가 조금씩 늘어가면서 방문자를위한 한가지팀? 음악을 자동재생하면 듣기 싫어하시는분들도 계시고 하니 유튜브에서 동영상을 링크거는것도 좋은 방법입니다. 그럼 동영상은 어떻게 링크를걸까? 우선내 사이드바의 가로폭을 알아야합니다. 그러기위해서는..

 

우선 관리 부분에 가셔서 HTML 편집부분에 style.css 부분을 갑니다. 이부분에서

 

/* sidebar */
 #sidebar { clear: both; float: left; width: 260px; margin-left: 40px; display: inline; padding-bottom: 30px; }

 

이부분을 찾습니다. 그럼 가로폭이나오죠? 저는 260 이네요 그럼 다음으로 유튜브 홈페이지에가서 링크를할 동영상을 고릅니다. 저는 요즘 핫?한 걸스데이 노래를 골라보았습니다.

 

 

 

 

동영상을 고르시면 공유의 소스코드를 확인합니다. 그리고 그아래부분에 동영상 크기를 조절할수있게 "동영상 크기" 메뉴가 있습니다. 그부분에서 내 사이드바에 맞는 사이즈로 설정을하고 소스코드를 복사합니다. 그리고 티스토리 관리페이지에가셔서

 

 

 

 

화면처럼 HTML배너 출력을 클릭합니다. 그리고 우측쪽에 편집을 누르신후 제목과 유튜브에서 퍼온 동영상 링크를 복사합니다. 그후에 저장을하시면됩니다. 아주간단하죠? 완성된모습을보시면

 

 

 

화면처럼 카테고리아래 걸스데이 동영상이 보이실겁니다. 재생을 누르시면 포스팅과함께 동영상을보는 재미?도 함께 누리실수가있습니다. 그때그때 내가원하는 동영상 소스만 복사하시면되니 방문하시는분들에게도 음악을 들으실수있고 좋은 방법인것같습니다.

 

근데 링크를걸게되면 화질이 저화질로 링크가됩니다. 굉장히 불편한진실이죠.. 하지만 내가원하는 화질로 설정하여 링크를 거실수가 있습니다. 이부분은 다음포스팅에서 하도록하겠습니다.

반응형