상세 컨텐츠

본문 제목

티스토리 블로그에 다음뷰 손가락버튼 고정시키기

▶ 똑똑한 블로그/블로그(Blog)

by 빨간꿈 reddreams 2013. 5. 2. 00:30

본문

반응형




티스토리 블로그에 다음뷰 손가락버튼 고정시키기



오늘은 티스토리 블로그에 다음뷰 버튼을 고정적으로 노출하는 방법을 소개해드립니다.


처음 티스토리 블로그를 시작하면 보통 1) 다음뷰에 가입하고 2) 포스팅 하단에 다음뷰 직사각형 배너를 설치하고 3) 클릭을 조금 더 많이 해주십사 아래와 같이 3) 다음뷰 손가락 버튼을 본문에 삽입하게 됩니다. 다만, 다음뷰 직사각형 배너는 초기세팅만으로 자동적으로 본문에 삽입이 되는데 손가락 버튼은 매번 본문에 스크립트를 삽입해줘야하는 번거로움이 발생하게 됩니다. 결국, 다음뷰 노출의 최종판은 오늘 포스팅의 주제인 본문이 아닌 화면에 자동으로 노출되게 하는 기능입니다.  




- 위 그림처럼 모든 본문에 다음뷰 손가락버튼을 삽입하는 것은 본문 상단부터 클릭을 유입시키키기에 효과적인 방법임에는 틀림없지만 손이 너무 많이 가서 불편합니다ㅠㅠ 

 


 다음뷰 손가락 버튼을 인터넷창 화면에 고정시키는 방법은 매우 간단합니다. 

오직 SKIN.HTML에 아래의 스크립트만 추가해주시면 됩니다. 




위치는 SKIN.HTML 에서 [##_article_rep_desc_##] 바로 상단입니다.


# 아래 빨간색을 자신의 주소로 바꾸시기만 하면 됩니다. 주의할 점은 일부 블로그에는 주소 뒤에 article_rep_desc를 포함시키지 않도록 세팅된 소스를 제공하기도 합니다만, article_rep_id가 포함되지 않을 경우 손가락 버튼은 제대로 노출되는데 실제 포스팅을 조회하지 못해서 조회수가 노출되지 못하고 클릭시 반영되지 않습니다. 위 article_rep_id 는 현재 화면에 노출되는 포스팅을 불러와주는 치환자 소스이므로 반드시 포함해주시기 바랍니다. 


# 파란색은 다음뷰 아이콘이 인터넷창에서 노출되는 위치값입니다. 본인은 우측에 기능아이콘들을 고정적으로 배치해놨기에 그와 어울리는 위치로 설정하였습니다. 인터넷창 위에서 부터는 top, 아래쪽에 노출시키고자 한다면 bottom으로 변경하시면 됩니다. top은 위/아래 기준에서 상하 위치이며 right 는 인터넷창 우측과 아이콘의 여백입니다. 


# 초록색은 다음뷰 손가락 아이콘(플래시)의 크기입니다. 



<!-- 다음뷰고정아이콘 시작-->

<a style="position:fixed; top:445px ; right: 0px">

<object type="application/x-shockwave-flash" data="http://api.v.daum.net/static/recombox3.swf?nurl=http://reddreams.tistory.com/[##_article_rep_id_##]" width="67" height="80">

<param name="movie" value="http://api.v.daum.net/static/recombox3.swf?nurl=http://reddreams.tistory.com/[##_article_rep_id_##]" /></object></a>

<!-- 다음뷰고정아이콘 종료-->

[##_article_rep_desc_##]



위 스크립트가 적용된 화면을 보실까요? 

인터넷창 우측으로 다음뷰 손가락 버튼이 노출되며 조회수도 올바르게 노출되고 있습니다. 

참쉽죠? 








반응형

관련글 더보기

댓글 영역

  • 프로필 사진
    2013.05.03 09:42 신고
    좋은정보네요 ^^
    잘보고 갑니다~
  • 프로필 사진
    2013.07.02 17:22 신고
    잘봤어요
  • 프로필 사진
    2013.07.10 21:14 신고
    조금 어렵네요 ㅠㅠ 잘보고 갑니다.
  • 프로필 사진
    2013.08.04 19:00
    감사합니다!! 정말 큰 도움이 되었어요~!!
  • 프로필 사진
    2013.10.02 18:40 신고
    좋은 글 진심으로 감사드립니다^^
    그런데 한 가지 여쭈어보고 싶은 것이 있습니다.
    article_rep_desc 이 부분 설명을 해주셨는데 제가 이해를 못해서 우선 캡쳐 올려주신대로 해보았는데 결과물은 역시나 제대로 나타나지가 않습니다...; 이 부분에 대해서 좀 더 자세한 설명 부탁드려도 될까요!?

    이 부분을 빨깐꿈님처럼 다음뷰고정아이콘종료 밑부분에 똑같이도 넣어보고 desk부분에 제 아이디도 넣어봤지만 역시 되질 않습니다. 설명 부탁드려도 될까요^^?
    • 프로필 사진
      2013.11.17 20:04 신고
      답변이 너무 늦어졌습니다 ㅠㅠ article_rep_desc는 간단하게 매 페이지 마다 해당 페이지의 발행글을 불러오는 스크립트입니다. 사실 위에 적어드린 스크립트 그대로 이용해주시면 됩니다.

      <!-- 다음뷰고정아이콘 시작-->
      <a style="position:fixed; top:445px ; right: 0px">
      <object type="application/x-shockwave-flash" data="http://api.v.daum.net/static/recombox3.swf?nurl=http://reddreams.tistory.com/" width="67" height="80">
      <param name="movie" value="http://api.v.daum.net/static/recombox3.swf?nurl=http://reddreams.tistory.com/" /></object></a>
      <!-- 다음뷰고정아이콘 종료-->


      위 스크립에서 블로그 주소만 바꿔서 그대로 넣어서 적용해보세요^^
      픽스된 위치를 미리 지정한 것으므로 특별히 위치를 지정할 필요도 없습니다. body 아무곳에서 작동합니다.
  • 프로필 사진
    2013.11.12 14:11 신고
    감사합니다 저도 이렇게 해봐야겠네요 ^^