다음 뷰 온(Daum View On), 티스토리에서 내가 원하는 위젯을 내 맘대로 옮기기

거창하지만, 사실 별로 거창하진 않습니다. 이미 예전에 이것과 관련해서 포스팅을 했고, 이 포스팅을 저는 이전 포스팅의 Ver.2 라고 생각은 하지만, 구현방법은 똑같습니다. 그런데 이 글을 다시 올리는 이유는, 기존 글이 너무 엉망이고 정리가 안되어 보기 힘든점, 그리고 뷰 온 코드는 일반형 외에 버튼형(손가락형)도 있지만 일반형만 언급한 점, 그리고 일반형, 손가락형 외에 다양한 모양의 형태가 있는점등을 추가로 포스팅하기 위해, 이번 포스팅은 내가 원하는 위젯을 내 맘대로 옮기기 라고 포스팅 하겠습니다.

 

2012/01/30 - [TIP/(P)REVIEW] - 티스토리에서 다음 뷰 온(Daum View On), 내 맘대로 옮기기.

 

간단하게 설명하면 다음 뷰 온은 원하는 위치에 달 수 있는 치환자나 위젯을 제공하지 않기 때문에 원래는 원하는 위치에 달 수 없었습니다만, 미디어를 불러오는 태그를 이용, 현재 글이 어떤 글인지 확인 할 수 있는 추가코드를 붙이는 방법을 이용합니다. 추가코드는 다음 뷰 온 코드에서 정식으로 지원하는 포스팅 주소 입력을 통해 스킨치환자로 포스팅 주소를 자동으로 알아낼 수 있도록, 따라서 스킨에 고정 소스를 입력해도 현재 포스팅에 따라 다음 뷰 온의 정보가 올바르게 나타나도록 꾸며봤습니다. 이 방법은 네이버 블로그에 다음 뷰 온 버튼을 넣는 방법을 약간 응용한 것입니다. 자세한 방법과 설명, 그리고 추가로 같은 방법을 이용하는 믹시 옮기기는 위의 링크된 포스팅에서 확인하시면 되겠습니다.

 

 

 

 

 

소스코드를 붙이기 전에 주의하셔야 할 것은 {##_article_rep_id_##}의 중괄호를 대괄호로 바꿔주셔야 합니다. 티스토리의 스킨치환자를 포스팅 해버리면 블로그 스킨 소스가 꼬이거나 스킨치환자가 적용되어 다른 문자가 나오기 때문에 잠시 바꾼 것입니다. 즉 {,}을 [,]으로 바꿔주시면 되겠습니다.

 

 

 

일반형(바형)은 아래와 같은 형태이며, 아래의 소스를 스킨의 원하는 부분에 붙혀 넣으시면 됩니다. 플래시 자체의 크기는 고정되어 있으므로 원하는 크기로 수정하면 짤리거나 여백이 남습니다.

 

 

 

<!-- 다음뷰온-->
<embed src=http://api.v.daum.net/static/recombox1.swf?nurl=자신의 블로그 주소/{##_article_rep_id_##} quality="high" bgcolor="#ffffff" width="400" height="91" type="application/x-shockwave-flash" </embed>

 

 

 

 

버튼형(손가락형)은 아래와 같은 형태이며, 아래의 소스를 스킨의 원하는 부분에 붙혀 넣으시면 됩니다. 역시 마찬가지로 플래시 자체의 크기는 고정되어 있습니다.

 

 

<!-- 다음뷰온-->
<embed src=http://api.v.daum.net/static/recombox3.swf?nurl=자신의 블로그 주소/{##_article_rep_id_##} quality="high" bgcolor="#ffffff" width="67" height="80" type="application/x-shockwave-flash" </embed>

 

 

 

 

그리고 숨겨져 있는 슬림형(슬림바형)도 있습니다. 아래와 같은 형태이며, 아래의 소스를 스킨의 원하는 부분에 붙혀 넣으시면 됩니다. 마찬가지로 크기는 고정되어 있습니다.

 

 

 

<!-- 다음뷰온-->
<embed src=http://api.v.daum.net/static/recombox2.swf?nurl=자신의 블로그 주소/{##_article_rep_id_##} quality="high" bgcolor="#ffffff" width="400" height="60" type="application/x-shockwave-flash" </embed>

 

 

 

 

또 숨겨져 있는 작은버튼형(미니형)도 있습니다. 아래와 같은 형태이며, 아래의 소스를 스킨의 원하는 부분에 붙혀 넣으시면 됩니다. 역시 마찬가지로 크기는 고정,

 

 

<!-- 다음뷰온-->
<embed src=http://api.v.daum.net/static/recombox2.swf?nurl=자신의 블로그 주소/{##_article_rep_id_##} quality="high" bgcolor="#ffffff" width="84" height="21" type="application/x-shockwave-flash" </embed> 

 

 

 

 

 

스킨에 위와 같이 적용하시고 다음 뷰 온에 발행된 여러 포스팅을 돌아다니면서 해당 포스팅에 맞게 제대로 작동되는지 확인 한번 하시고 뿌듯한 마음을 가지시면 됩니다. 스킨 적용 부분에도 뜨고 포스팅 밑에도 중복으로 다음 뷰 온 박스가 나타난다면 플러그인 설정에서 표시하지 않음을 선택하시면 됩니다. 플러그인에서 표시하지 않는 건 어디까지나 포스팅 밑에 추가로 붙는 다음 뷰 온 박스이지, 글이 안보내지고 플러그인 자체가 없어지는건 아니므로 걱정하지 않으셔도 됩니다.