본문 바로가기
세상사는 호미이야기

티스토리사이드바에 동영상넣기

by 호미 2015. 3. 24.

티스토리 사이드바 HTML배너출력 모듈을 이용하여

사이드바에 동영상넣기플래쉬배너달기, 기타 움짤이나

에니메이션을 넣는 방법입니다

 

티스토리 사이드바에 동영상넣기 위한 설명으로

유튜브 동영상넣기 는 많이 있는데 팟플레이어나 윈도우미디어 등

연결프로그램 파일을 쉽게 올리는 방법입니다

 

저 처럼 농사를 지으며 블로그를 운영하는 분들의 요청이니

도사님들은 패스~하시는 센스 ^^;;

 

 

 

 

저희 호미농장 블로그 사이드바에는 동영상을 비롯하여

농산물소개, 농장안내 gif파일 등 여러가지가 장착되어 있습니다

 

동영상으로는 위의 그림처럼 유튜브동영상과

연결프로그램 다음팟을 이용한 동영상이 있습니다

 

사이드바에 유튜브동영상 올리기 와 다음팟동영상 올리기는

같은 맥락이지만 소스코드 추출이 달라 약간~ 아주 약간 헥갈리죠 ^^;;

 

 

 

 

 

먼저 플레이어 소스코드를 생성하기 위하여

자신이 찍은 동영상을 다음팟을 이용하여 자신의 블로그에 올려줍니다

(기존에 올려진 게시물 하단에 수정하여 간단히 붙여 넣어도 됩니다)

 

어차피 사이드바에 사용할 플레이어 소스코드 추출용이거던요

 

 

 

 

그러면 동영상을 구동할 소스코드의 주소가 생성되겠죠

 

그런 다음 마우스 우클릭하여 위의 사진처럼 플레이어 소스코드 복사를 하여 줍니다

(클릭하면 자동복사~ 아시죠 ^^;;)

 

 

 

 

플레이어 소스코드를 복사하여 자신의 블로그 관리자 창으로 이동하여

사이드바에 HTML 배너출력 위젯을 추가하여 편집창을 열어 줍니다

 

참고로 사이드바 위젯은 클릭한 상태로 위아래 움직여 원하는 위치로 이동할수 있습니다

 

 

 

유튜브 소스코드 (가로폭은 HTML/CSS편집 사이드바에서 확인합니다)

 

 

 

블로그에 올려진 동영상의 플레이어 소스코드

 

 

위의 그림처럼 HTML 배너출력 편집창에 위젯 이름을 붙혀주시고

복사한 플레이어 소스코드를 붙혀넣어 줍니다

 

가져온 동영상의 주소가 유튜브 및 동영상이 올려진 포스트의 주소로 나타납니다

동영상이 올려진 포스트 제목도 나타나네요 음~~~ 주소니깐~ ㅡ,.ㅡ;;

 

제목 마지막 낚시여행에 올려진 동영상이거던요 ㅋㅋㅋ

 

 

 

 

편집 완료하시면 항상 !!! 언제나 !!!

관리자 창 우측 상단에 있는 저장 을 꼭 눌러주셔야 합니다

 

어때요~ 참 쉽죠잉~ ^^

 

 

 

 

 

사이드바에 플레쉬배너 넣기 나 GIF파일도 똑같은 방법입니다

다만 이미지 배너출력 위젯을 이용하여야 하구요

 

자신의 블로그게시물에 올려 이미지URL 주소를 생성하는 건 똑같은 방법입니다

 

참고로 사이드바에 있는 동영상 제목은

태그 입력기 위젯을 이용하였구요 자세한 치환자는 다음으로 미루겠습니다 ^^;;

 

 

 

 

좋아하는 바다낚시의 추억들이구요~ (아 갑자기 바다로 가고싶따 ㅡ,.ㅜ)

그렇게 올려 진 사이드바에 있는 동영상입니다

 

사이드바에 동영상넣기로 소개나 안내 광고,

좋아하는 동영상으로 블로그를 멋지게 꾸며 보세요 ^^;; 

 

 

사업자 정보 표시
호미농장 | 곽철환 | 경북 고령군 운수면 거실길 47-11 | 사업자 등록번호 : 201-99-01168 | TEL : 010-3802-9690 | Mail : ars1122@hanmail.net | 통신판매신고번호 : 제 2021-경북고령-0002호 | 사이버몰의 이용약관 바로가기

댓글