구독 버튼 설정하기

다음뷰·한RSS 구독버튼은 블로그의 방문자 늘리기와 이웃을 만들어가는데 중요한 역할을 합니다. 구독에도 관심을 가지고 활동하시면 자연스레 방문자도 증가하고, 재방문자도 증가하겠죠?

LiveRex님 블로그에서 이미지를 내려받았습니다. LiveRex님 블로그도 방문해 보세요.

구독 버튼.zip


사진1구독 버튼



내려 받은 파일의 압축을 풀면 이미지 4개가 있습니다. [HTML/CSS 편집] - [파일업로드] 에 모두 업로드 합니다. 그리고 업로드한 이미지들의 링크 주소를 복사하여 메모장에 적어 놓습니다.

사진2이미지 링크 주소 복사


구독 버튼을 설정하기 위한 코드를 내려 받습니다. 코드를 자신의 환경에 맞게 수정해야 합니다.

빨간색 부분으로 버튼의 위치를 설정할 수 있습니다. top은 위에서, left는 왼쪽에서 버튼과의 거리를 나타냅니다.

보라색 부분은 자신의 블로그 주소를 입력하시면 됩니다.

노랑색 부분은 업로드한 이미지의 링크 주소를 입력하시면 됩니다.


구독 버튼 코드.txt

<!-- 구독 버튼 -->

<a style="display:scroll;position:fixed;top:340px;left:50px;" href="http://v.daum.net/user/plus?blogurl=http://ishyeok.tistory.com" onclick="window.open(this.href); return false" title="다음뷰 구독하기">

<img src="흑백 이미지 링크 주소"

onMouseover=this.src="칼라 이미지 링크 주소"

onMouseout=this.src="흑백 이미지 링크 주소" style="CURSOR:hand"

border="0"/></a>

<a style="display:scroll;position:fixed;top:400px;left:50px;" href="http://www.hanrss.com/add_sub.qst?url=http%3A%2F%2Fishyeok.tistory.com%2Frss" onclick="window.open(this.href); return false" title="한RSS 구독하기">

<img src="흑백 이미지 URL" 

onMouseover=this.src="칼라 이미지 링크 주소"

onMouseout=this.src="흑백 이미지 링크 주소" style="CURSOR:hand"

border="0"/></a>

<!-- 구독 버튼 끝 -->


아래와 같이 skin.html 에서 body 아래 부분에 삽입하시면 됩니다. 

사진3코드 삽입하기



posted by 쪼재