티스토리 뷰
1. 원하는 영상을 찾기
2. 영상의 원 주소를 찾기
사진을 보시면 빨간색으로 네모를 두 개를 쳐놨는데요.
아래쪽에 SNS 버튼이 3개가 있습니다.
이 버튼은 SNS에 올릴 사람이 아니라면 필요없습니다. 무시하세요.
저희에게 필요한 버튼은 '공유'버튼 이에요.
한번 눌러볼까요?
'소스 퍼가기'부분이 막혀있습니다.
SNS에 공유는 되지만 정작 다음 서비스인 블로그와 카페에는 가져갈 수 없습니다.
'URL을 복사'해서 글쓰기의 외부컨텐츠 부분에 바로 올라가긴 합니다.
하지만 그렇게 올리시면 작은 영상의 화면에 저 영상이 있는 홈페이지 전체가
들어가버려서 영상을 보는 것이 거의 불가능합니다.
대신 URL주소를 복사해서 소스의 일부분을 이용 할 거에요.
영상의 위에서 마우스 우클릭 한 뒤 '영상 주소 복사'를 누르셔도 됩니다.
3. URL주소와 다른 소스코드를 적절히 섞기
2번에서 가져온 URL주소를 타이핑 할 수 있는 영역에 'Ctrl + V' 합니다.
저 시구 영상의 주소는
http://tvpot.daum.net/v/v4048rSncrT2OQTTRfqqQq0
이렇게 나오네요. 위의 이미지와 같죠?
이 중에서 저희가 쓸 부분은 'v4048rSncrT2OQTTRfqqQq0' 입니다.
다른 부분은 버리셔도 됩니다.
이제 다른 소스코드와 합치면 됩니다.
참고로 영상마다 주소가 다를꺼에요.
이 포스팅과 다르다고 걱정하실 필요없습니다.ㅋㅋㅋㅋㅋ
다른 영상을 첨부하실 때는 그 다른 영상의 URL주소에서 저 뒷부분을 가져와서
사용하시면 됩니다. 안 어렵죠?ㅎㅎ
<iframe width="480" height="320"
src="https://videofarm.daum.net/controller/player/VodPlayer.swf?vid=v4048rSncrT2OQTTRfqqQq0" frameborder="0" allowfullscreen></iframe>
이 소스가 오늘 저희의 최종 결과물입니다.
메모장 같은 곳에다 위의 소스를 입력하시고 저장해 놓으시면 편리합니다.
다음에도 쓰기도 좋구요.
이제 올리기만 하면 됩니다.
위 소스코드의 width는 영상의 가로폭 height는 세로폭입니다.
원하시는 크기에 맞게 조절하시면 됩니다.
제 경험상 비율은 가로폭 : 세로폭 = 3 : 2 가 적당합니다.
4. 영상 올리기
티스토리의 글쓰기에서 상단의 메뉴바에 '외부컨텐츠'가 있습니다.
그 버튼을 눌러주세요.
위의 사진처럼 소스입력 부분에 아까 저희가 작성해놨던 소스코드를
입력하고 확인버튼만 누르면 됩니다.
끝이에요!
'ETC > 블로그 꾸미기' 카테고리의 다른 글
티스토리 네이버 검색 등록 방법 (0) | 2020.02.25 |
---|---|
PC에서 인스타그램에 사진을 올리는 방법 3가지 (0) | 2019.09.20 |
티스토리 반응형 스킨 #1 수정 Tip / 타이틀 상하 여백 줄이기 (1) | 2016.09.20 |
티스토리 반응형 스킨 #1 수정 Tip / 댓글에 프로필 아이콘 나오게 하기 (3) | 2016.09.20 |
Tyle - 블로그 포스팅 제목 사진 꾸미기 (0) | 2016.09.06 |
[iNove] 스킨 중요 내용 수정 (0) | 2015.11.07 |
[iNove] 스킨 본문 폭 조정하기 (0) | 2015.11.07 |
[iNove] 페이징 스타일 교체 (0) | 2015.11.07 |
배경 / 패턴 이미지 다운로드 (0) | 2015.11.05 |