다음뷰, 한RSS, 트위터보내기 버튼을 블로그 스크롤을 따라 움직이도록 적용시켜봅시다.
출처는 http://liverex.tistory.com/452 임을 밝힙니다.


위의 사진은 제 블로그에 적용시킨 화면입니다.

스크롤을 따라 움직이는 구독버튼 추가하기

먼저 아래 버튼 파일을 받은뒤 압축을 풀어 나온 png그림파일들을 HTML/CCS편집에 들어가서 직접 업로드합니다.




압축을 풀고 나온 파일들을 추가했으면, 다시 HTML/CCS 소스 수정탭으로 돌아와서, 아래와 같은 소스코드를 붙여 줍니다. 아래 첨부된 텍스트 파일은 이와 같은 소스입니다. skin.html탭에서 </body>를 찾아주고 </body>바로 위에 이 소스를 추가해 줍니다. </body>소스를 쉽게 찾는 방법은 Ctrl+F3버튼을 눌러 </body>를 검색하면 쉽게 찾을 수 있습니다. 아래 사진은 소스코드를 붙여 넣은 제 블로그의 HTML상태를 보여줍니다.






위 코드는 첨부된 텍스트 파일의 소스와 같은 소스입니다. 파란색글씨는 버튼이 위치할 높이입니다. 높이는 화면 위에서 부터 계산됩니다. 각자의 취향에 맞춰서 높이를 입력하시면 됩니다. 초록색글씨는 구독버튼이 좌측이냐, 우측이냐를 결정하는 것이니, 오른쪽에 버튼을 달고 싶으시다면 left대신에 right를 입력하시면 됩니다. 빨강색글씨는 다음view, 한RSS, 트위터계정의 주소를 입력하는 부분입니다(저의 경우에는 이 소스를 추가하기전에 트위터 버튼이 있었기 때문에 트위터 버튼 부분은 뺐습니다.). 혹시 구독 주소를 모르실 분들을 위해 아래에 구독주소 찾는 곳의 링크를 걸어놓겠습니다. 그리고 흑백이미지/컬러이미지 URL에는 아까 업로드했던 파일의 주소를 붙여넣어야 합니다. 파일의 주소는 아래 그림과 같이 추가한 파일을 찾고 그림위에서 '오른쪽마우스버튼-속성'클릭하여 찾으시면 됩니다.



구독 주소 찾는 방법

 다음View 의 경우,



http://bloggernews.media.daum.net/reporter/의 뒷편에 자기 다음 아이디를 입력하면 찾을 수 있습니다.


한RSS 의 경우,



한RSS에 들어가서 로그인후, 나타나는 왼쪽 메뉴중 구독버튼 추가하는 부분에 들어가 RSS주소 부분에 자기 블로그 주소를 입력하면 소스가 나옵니다. 여기서 따옴표를 제외한 밑줄친 부분이 바로 한RSS 자기 블로그 구독 주소입니다.
Posted by designeer shyfragrance

댓글을 달아 주세요

  1. Favicon of http://23331.ccgenevois.com/uggfrance.php BlogIcon ugg 2013.07.11 01:23 Address Modify/Delete Reply

    지금은 반짝반짝 빛이 나겠지,, 하지만 시간이 흐르면 그빛은 사라저버릴거야,지금 우리처럼