스크롤 버튼(플로팅 버튼)에 다음뷰 버튼 넣는 방법

스크롤 버튼(플로팅 버튼)에 다음뷰 추천,구독버튼 넣는 방법

몇일전부터 이바구 블로그 좌측에서 위,아래로 움직이는 스크롤 버튼을 보셨을 겁니다. 일명 플로팅 버튼이라고 불리기도 하는데 이웃 블로그에서 보고 깔끔해서 제 블로그에도 적용해 봤습니다.

소스를 제공해 주신 분은 오드리햇반님입니다.

오드리햇반님 블로그에는 복잡하게 CSS 태그를 손대지 않고 Html 태그만으로 설치하는 법을 그림과 함께 자세히 설명해 주고 계십니다. 물론 다음 뷰 추천, 구독버튼과 함께 한 RSS 아이콘도 제공하고 있고요. 필요하신 분은 오드리햇반님 블로그를 방문해 보시기 바랍니다.

 

오드리햇반님의 나 몸냥 살겨 블로그 바로가기 ☞

그리고 플로팅 버튼에서 오드리햇반님 블로그에 없는 집 아이콘과 화살표는 후이님 블로그에서 가지고 왔습니다.

후이의 티스토리 바로가기 ☞

좋은 소스와 이미지를 제공하신 오드리햇반님과 후이님에게 감사를 드립니다.

그리고 위 두 블로그에 없는 처음으로 가는 버튼과 상단으로 가는 버튼의 소스는 아래와 같습니다. 그런데 하단으로 가는 소스는 잘 모르겠네요. 아시는 분 있으면 알려 주시면 고맙겠습니다.

<a href="자신의 블로그 주소"  title="처음으로"><img src="./images/home.png"
border="0"/></a>

<a href="#"  title="상단으로"><img src="./images/up.png"
border="0"/></a>

<a href="#footer"  title="하단으로"><img src="./images/down.png"
border="0"/>

설치해 두고 나니 깔끔하고 좋네요.