다음뷰 버튼 고정시키기
        

다음뷰 버튼을 각 포스트마다 삽입하시는 분이 계실꺼라 생각됩니다. 저 또한, 그래왔었습니다. 이렇게 하기 보다는 따라다니는 다음뷰 버튼을 만드는 방법이 더 효율적이지 않을까요? 그래서 이 문서에서는 다음뷰 버튼을 적당한 위치에 고정시켜 따라다니는 듯한 모습을 보이게끔 하는 방법을 소개합니다.


사진1다음뷰 버튼 모습



수정하는 방법은 매우 간단합니다. [HTML/CSS 편집] - [HTML/CSS] - [skin.html] 부분에 다음 코드를 약간 수정하고 추가하면 됩니다.


다음뷰 삽입 코드.txt

<!-- 다음뷰 -->

<a style="position:fixed; bottom:100px ; right: 10px">

<object type="application/x-shockwave-flash" data="http://api.v.daum.net/static/recombox3.swf?nurl=자신의 블로그 주소" width="67" 


height="80">

<param name="movie" value="http://api.v.daum.net/static/recombox3.swf?nurl=자신의 블로그 주소" /></object></a>

<!-- 다음뷰 끝 -->


파란색 부분은 다음뷰 버튼을 화면 어디에 배치할 지 설정할 수 있는 부분입니다. bottom은 아래에서 얼마만큼, right는 오른쪽에서 얼마만큼 거리를 둘 것이냐를 설정하는 부분입니다. 수치가 커질수록 아래와 오른쪽에서 떨어져서 위치하겠죠?

빨간색 부분은 자신의 블로그 주소를 삽입하는 부분입니다. 저의 블로그를 예로 들면 http://ishyeok.tistory.com 를삽입하였습니다.


이제 이 코드를 skin.html에 삽입해야 합니다. article_rep_desc 아래 부분에 수정한 코드를 삽입합니다. 

사진2코드 삽입하기


여기까지 하시면 다음뷰 버튼이 발행된 포스트에서는 숫자를 보이며 활성화 된 모습을 보실 수 있습니다. 이제까지 각 포스트마다 다음뷰 버튼을 삽입하였었는데, 이제는 틈틈히 각 포스트마다 지워야겠네요.


posted by 쪼재