블로그 사이드바에 라이브 뉴스 동영상 설치하기

 새롭게 애착을 가지고 블로그를 만들다보니 여러가지 스킨을 꾸미는데 욕심이나고 하나하나 만들어가는 즐거움이 있답니다.

 예전에도 블로그들을 몇번 만들었던 경험이 있었지만 망했기에 이번엔 망하지 않기 위해서 더 발악하는 점도 있습니다.

 방문했던 사람들이 블로그 이름만 검색해서 들어오고 싶어지는 블로그를 만들고 싶은게 현재 목표인데요.

 

 방문했던 블로그를 한번 더 방문하고 즐겨찾기 하고 싶은 블로그를 만들기 위해서는 전문성이 필요합니다.

 그래서 현재는 조금이나마 자신있는 부분인 블로그에 관련된 정보를 중점적으로 올리려고 준비하고 있습니다.

 

 사람이 블로그를 방문했을때 스마트폰으로 접속하지 않고 PC로 접속을 했으면 첫인상을 항상 받는데요.

 최대한 깔끔한 이미지를 남기고 다른 글들도 보고 싶은 호기심을 남기려면 어떻게 해야할지 고민을 많이 하고 있습니다.

 

 다른 블로그들 구경하다가 티스토리 블로그 사이드바에 동영상이 설치되어 있는 경우가 종종 있더라고요.

 처음에 봤을때 신기해서 동영상을 재생해보기도 했는데요. 그 만큼 첫인상을 끌기에 괜찮은 아이템이었습니다.

 어떤 동영상을 넣을까 생각하다가 모든 사람들이 관심있는 라이브 뉴스 동영상을 넣어보기로 했는데요.

 유스트림 사이트를 이용해서 동영상을 넣는데 도움을 받으실 수 있습니다.

 

 유스트림은 아프리카티비랑 비슷한 종류로 동영상을 실시간으로 끊임없이 방송을 하는 서비스인데요.

 이번에 찾아보다가 우연하게 알게되었답니다. 아직 인지도가 그렇게 높지 않아서 모르는 분들이 많을텐데요.

 현재 방송되고 있는 채널은 많지 않지만 그래도 괜찮은 방송들이 존재하고 있었습니다.

 인기 방송을 통해서 원하는 방송들을 골라서 블로그에 설치해보실 수 있습니다.

 

 저는 가장 인기를 끌고 있는 방송인 뉴스Y 뉴스특보를 블로그에 설치해보기로 하겠습니다.

 현재 방송사가 많지 않아서 아쉬운 부분이 많지만 앞으로 꾸준히 발전 가능성이 있어 보입니다.

 

 해당 방송으로 들어오면 동영상이 끊임없이 플레이되시는 모습을 보실 수 있는데요.

 여기에서 마우스로 동영상 오른쪽 하단으로 이동해면 공유라는 아이콘 생기는 모습을 확인해보실 수 있습니다.

 

 클릭해주시면 4가지 아이콘이 나오는 모습입니다.

 첫번째와 두번째는 페이스북과 트위터로 퍼가는 코드를 얻을 수 있습니다.

 네번째에서 블로그나 사이트에 입력할 수 있는 코드를 확인해보실 수 있습니다.

 

 채널 퍼기가 소스 코드가 나오는데요. 여기에서 사이즈는 따로 정하지 않고 퍼가시면 된답니다.

 블로그에 삽입할때는 블로그마다 카테고리 사이즈가 다르기 때문에 새롭게 조정을 해주셔야 합니다.

 클립 보드로 복사를 눌러주시면 1차적인 작업은 이제 마무리가 되어간답니다.

 

 다시 티스토리 블로그로 돌아와서 사이드바를 구성하는 skin.html 부분으로 이동해주도록 하겠습니다.

 다른 사이드바 코드들이 나열되어 있는 모습인데요. 여기에서 새로운 사이드바 코드를 만들어주시면 된답니다.

 입력해주실 코드는 위 화면처럼 큰 박스에 보이는 코드를 입력해준 다음에 중간에 복사한 코드를 삽입해줍시다.

 어렵지 않게 따라해보실 수 있는데요. 확인을 누르고 사이드바 설정으로 가서 위치를 지정해주시면 끝난답니다.

 

 삽입한 코드를 살펴보면 width="370" height="230" 이라고 적혀있는데요. 이것은 폭과 높이를 나타내는 수치입니다.

 블로그 카테고리 사이즈에 맞춰서 수정해주시면 되니간 계속 변경해가면서 마춰주시면 되겠습니다.

 

 이렇게해서 블로그에 삽입한 모습을 확인해보도록 할텐데요.

 블로그 사이드바에 간단하게 라이브 뉴스 동영상을 삽입한 모습인데요. 왠지 있어보이지 않나요?

 꼭 이 동영상 말고도 다른 방송중인 유스트림 영상들을 쉽게 퍼가기해서 입력해보실 수 있습니다.

 

 * 도움이 되는 글 정리

 * Notice - 이태원 먹방투어 ver.1

 * Notice - 컴퓨터 필수 유틸리티 ver.1

 * Notice - 블로그팁 ver.1