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

2013. 12. 8. 11:01

저자 : Kurien

다음 뷰를 블로그 글 위에, 혹은 원하는 위치게 달고싶은 분들이 계실텐데요.

원래 플러그인에 Daum View 플러그인이 있긴 하지만 글 아래에만 달리게 되어서 마음대로 설정이 불가능하죠.

마음대로 다는게 어려울 것 없이 코드 하나만 넣으시면 되니, 한번 알아보겠습니다.

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

이 코드인데요.

빨간 부분은 자신의 블로그 주소를 적어주시면 되구요.

_article_rep_link 와 [ 사이에 ##을 넣어주신 후에 사용하셔야합니다.

이해가 안되시는분은 다음뷰 코드.txt 를 다운받아서 사용하세요

먼저 관리페이지의 플러그인 설정 부분에 가셔서 Daum view를 눌러 표시하지 않음으로 설정 합니다.

그 다음 관리 페이지에서 HTML/CSS 편집을 눌러주세요.

눌러주신 후에 Ctrl + F를 눌러서 article_rep_desc를 검색해줍니다.

［##_article_rep_desc_##]

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

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

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

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

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

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

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

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

</div>

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

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

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

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

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

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

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

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

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

웹 프로그래밍 기초, Codecademy에서 배워보세요! (2)	2013.12.27
무료 웹 폰트로 쉽게 내 사이트를 디자인 하자! (4)	2013.12.17
블로그에 배경음악 넣고 가실게요! (4)	2013.12.04
요즘 떠오르는 반응형 웹이 어떤걸까요? (5)	2013.12.03
아이핀(i-pin), 아직 없으신가요? (0)	2013.11.23

Kurien's Blog