티스토리 블로그에 다음 뷰 손가락 다는 방법

2013.12.08 11:01
저자 : Kurien
다음 뷰를 블로그 글 위에, 혹은 원하는 위치게 달고싶은 분들이 계실텐데요.
원래 플러그인에 Daum View 플러그인이 있긴 하지만 글 아래에만 달리게 되어서 마음대로 설정이 불가능하죠.
마음대로 다는게 어려울 것 없이 코드 하나만 넣으시면 되니, 한번 알아보겠습니다.

먼저 제일 중요한 코드부터 알아볼겠습니다..

<iframe id="daum_v" width="100%" height="90" src="http://api.v.daum.net/widget1?nurl=http://kurien.tistory.com[_article_rep_link_##]" frameborder="no" scrolling="no" allowtransparency="true"></iframe>

이 코드인데요.
빨간 부분은 자신의 블로그 주소를 적어주시면 되구요.
_article_rep_link 와 [ 사이에 ##을 넣어주신 후에 사용하셔야합니다.
이해가 안되시는분은 다음뷰 코드.txt 를 다운받아서 사용하세요

먼저 관리페이지의 플러그인 설정 부분에 가셔서 Daum view를 눌러 표시하지 않음으로 설정 합니다.
그 다음 관리 페이지에서 HTML/CSS 편집을 눌러주세요.
눌러주신 후에 Ctrl + F를 눌러서 article_rep_desc를 검색해줍니다.

[##_article_rep_desc_##]


이 부분이 나오셨나요? 이 부분이 바로 본문 글인데요.


본문 글 위에 넣고싶다면 [##_article_rep_desc_##] 여기 위쪽에 코드를 넣으시면 되구요.

본문 글 아래 넣고싶으면 [##_article_rep_desc_##] 아래 넣으시면 됩니다.



이런식으로 나오게 되는거죠. 간단하죠?


이것만으로는 너무 짧으니, 하나 더 알려드리겠습니다.

다음 뷰 손가락을 고정해놓은걸 보셨나요?



여러 블로그들을 자주 방문한다면 보신적이 많으실텐데요.

방법을 알려드리겠습니다.


<div style="position:fixed;left:0px;top:70px;">

<iframe id="daum_v" width="76" height="90" src="http://api.v.daum.net/widget2?nurl=http://kurien.tistory.com[##_article_rep_link_##]" frameborder="no" scrolling="no" allowtransparency="true"></iframe>

</div>


위의 코드를 <body>와 </body 사이 어느곳에 넣으셔도 상관없습니다.

position:fixed로 화면 내에 고정을 했구요.


left:0px로 왼쪽에서 0px만큼 이동시킨겁니다. 그러니 왼쪽에 붙어있는거죠.

반대되는 속성으로는 right:0px이 있습니다. 사용하시면 오른쪽에 붙어요. 원하시는대로 사용하시면 됩니다.


그리고 top:70px;로 위에서 70px 만큼 떨어뜨려서 원하는 위치에 위치시킵니다.

이것도 반대되는 속성으로는 bottom이 있습니다.


원하는대로 사용하시면 되구요.


어렵다고 생각되는 부분은 없네요.

궁금한점은 댓글에 남겨주세요^^