H : T : M : G : A : W

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

Posted at 2013. 5. 2. 00:30 | Posted in ▶ 똑똑한 블로그/블로그(Blog)




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



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


처음 티스토리 블로그를 시작하면 보통 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_##]



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

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

참쉽죠? 








    Comments

티스토리 댓글


  1. 좋은정보네요 ^^
    잘보고 갑니다~
  2. 조금 어렵네요 ㅠㅠ 잘보고 갑니다.
  3. 딸기우유
    감사합니다!! 정말 큰 도움이 되었어요~!!
  4. 좋은 글 진심으로 감사드립니다^^
    그런데 한 가지 여쭈어보고 싶은 것이 있습니다.
    article_rep_desc 이 부분 설명을 해주셨는데 제가 이해를 못해서 우선 캡쳐 올려주신대로 해보았는데 결과물은 역시나 제대로 나타나지가 않습니다...; 이 부분에 대해서 좀 더 자세한 설명 부탁드려도 될까요!?

    이 부분을 빨깐꿈님처럼 다음뷰고정아이콘종료 밑부분에 똑같이도 넣어보고 desk부분에 제 아이디도 넣어봤지만 역시 되질 않습니다. 설명 부탁드려도 될까요^^?
    • 2013.11.17 20:04 신고 [Edit/Del]
      답변이 너무 늦어졌습니다 ㅠㅠ 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 아무곳에서 작동합니다.
  5. 감사합니다 저도 이렇게 해봐야겠네요 ^^

Name __

Password __

Link (Your Website)

Comment

SECRET