본문 바로가기

IT/Internet

네이버 오픈캐스트 웹스티커(배너)와 캐스트보드를 블로그에 꾸며보자




네이버 오픈캐스트 웹스티커(배너)와 캐스트보드를 블로그에 꾸며보자


네이버 오픈캐스트 웹스티커(배너)와 캐스트보드를 블로그에 꾸며보자



네이버 오픈캐스트 웹스티커(배너)와 캐스트보드를 블로그에 꾸며보자


 - 네이버 오픈캐스트 웹스티커(배너) 만들기


네이버 오픈캐스트가 정식오픈한지 약 3년이 지났지만 다음뷰 같이 발행한 글 목록을 볼 수 있는 위젯이 존재하지 않아 일부 사용자들이 불편을 호소하고 있습니다. 그래서 자신의 캐스트를 널리 알리고자 네이버에서 만들어 준 게 오픈캐스트 웹스티커(배너) 입니다.


오픈캐스트 웹스티커(배너) 만들기 : http://campaign.naver.com/opencast/sticker


웹스티커(배너)는 총 3가지가 있는데 이것도 다양한 모양이 없어서 일부 사용자들에겐 불편할 거 같습니다.



네이버 오픈캐스트 웹스티커(배너)와 캐스트보드를 블로그에 꾸며보자 - 웹스티커(배너) 선택


가로형으로 된 3가지 모양만 지원하고 있어 다른 모양을 사용하고 싶다면 자체제작해서 쓰는 수밖에 없는 거 같네요.


일단 A, B, C타입 중 한 가지를 고르고 다음 단계를 누르면 오픈캐스트 웹스티커(배너)에 들어갈 채널, 이미지, 캐스트제목, 캐스트설명을 적어야 합니다. (웹스티커(배너)크기 별로 입력 종목이 다릅니다.) 이것도 채널만 입력하면 자동으로 불러와서 입력되는 방식이면 좋을 텐데 직접 입력해야 한다는 게 좀 불편한 감이 있네요.



네이버 오픈캐스트 웹스티커(배너)와 캐스트보드를 블로그에 꾸며보자 - 웹스티커(배너) 내용 입력


모든 내용을 입력하면 미리 보기가 가능하고 마지막으로 저장하기 버튼을 누르면 또 다른 저장하기 메시지창이 뜨는데 다시 저장하기를 눌러서 완성된 오픈캐스트 웹스티커(배너)를 PC에 저장하면 됩니다.



네이버 오픈캐스트 웹스티커(배너)와 캐스트보다를 블로그에 꾸며보자 - 웹스티커(배너) PC에 저장하기


저장된 웹스티커(배너)이미지를 블로그에 업로드 시켜서 아래와 같이 사용하시면 됩니다.


<a href="http://opencast.naver.com/캐스트채널" title="캐스트제목" target="_blank"><img src="웹스티커(배너)이미지주소" width="이미지가로사이즈" height="이미지세로사이즈" alt="캐스트제목" /></a>


간단한 소스라서 따로 텍스트파일을 만들지 않았습니다.


 - 네이버 오픈캐스트 아이프레임으로 내 블로그에 캐스트보드 만들기



네이버 오픈캐스트 웹스티커(배너)와 캐스트보드를 블로그에 꾸며보자


네이버 오픈캐스트는 다음뷰 같이 발행한 글 목록을 볼 수 있는 위젯이 없어서 아이 프레임형식으로 캐스트보드를 불러오는 편법을 사용하고 있습니다. 많이 복잡한 방법이긴 하나 꼭 써야 하실 분들에게는 유용하게 쓰일 수 있겠습니다.


먼저 캐스트보드를 만들기 위해 아래 소스를 html 파일로 만들어 저장을 해야 하지만 제가 아래 html 파일로 만들어 두었으니 다운받아서 일부만 수정하시면 됩니다.


<html>
<head>
<title>치토스 박스 2 - 오픈캐스트보드</title>
</head>

<body>
<div style="position:absolute; width:475; height:275; left:-263px; top:-230px;">
<iframe name="opencast" id="opencast" src="http://opencast.naver.com/캐스트채널" border="0" marginheight="0" marginwidth="0" allowtransparency="true" frameborder="0" height="505" scrolling="no" width="738"></iframe>
</div>
</body>

</html>


캐스트채널과 타이틀을 변경해 주면 되는데 굳이 타이틀은 넣지 않아도 됩니다.


[파일 다운로드]

opencastboard.html


파일을 다운받아서 소스를 수정하고 원하는 곳에 파일을 업로드 시켜 줍니다. 티스토리 같은 경우는 HTML/CSS 편집 -> 파일업로드에 올려두면 됩니다.


그리고 다시 아이 프레임 소스를 이용하여 업로드 된 html 파일을 불러와서 블로그에 표시하는 방법입니다.


<iframe src="업로드한html파일주소" width="475" height="306" border="0" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>


[파일 다운로드]

opencastboard.txt


캐스트채널만 변경해서 게시물마다 서식으로 넣거나 블로그 스킨에 고정으로 노출하는 방법으로 오픈캐스트 보드를 아이 프레임으로 만들어 볼 수 있습니다.


테스트를 할 때는 꼭 네이버에 로그인되지 않은 상태로 봐야 하며 로그인된 상태로 보게 되면 자신의 오픈캐스트 관리자 페이지가 뜨게 되므로 캐스트보드가 안 나온다고 신고하지 마시고 꼼꼼히 맞춰보시기 바랍니다.^^


네이버 오픈캐스트 웹스티커(배너)와 캐스트보드를 블로그에 꾸며보자