어라? RSS 이미지가 랜덤으로 바뀌네

RSS는 블로그를 하시는 블로거라면 익히 들어보셨을테고 사용중이신 분들이 대부분 이십니다.

현재 저도 아이팟 터치를 사용중에 있으며 몇몇 유명 블로거님들중에 RSS전체 공개된 글을 받아서 지하철에서 읽곤 합니다. 자주 방문하는 도아의 블로그 에서 이런글을 읽은적이 있습니다.

rss의 부분공개냐 전체공개는 뭐 주인장 마음이 아닌가 싶습니다. 그러나 저도 아이팟 터치에서 사용하다 보면 부분공개는 너무 귀찮다는 느낌이 많죠. >>우측에 RSS이미지 보이시죠? 새로고침 해보시면 이미지 바뀌는거 보이실 것입니다^^

일단 너무 서론이 길었던듯 합니다.

 

• Step1.

일단 피드버너에 가입을 합니다 - 이부분은 자신이 알아서 하시면 됩니다.

(단 가입하면 나중에 주소가 바뀌어도 피드버너주소는 바뀌지 않으며 유용한 통계 기능도 가능하니 가입하는편이 도움이 되리라 생각됩니다.)

피드 버너에 관련된 내용은 이곳을 참고 하시면 됩니다.

 

• Step2.

피드버너까지 했으면 일단 가입후 나오는 주소를 자알~ 받아 적습니다.

아마 주소 형태는 http://feeds2.feedburner.com/아이디  일것입니다.

이것을 이용해서 이제 이미지를 이용하여 랜덤하게 rss이미지가 나오게 작업을 합니다.

 

• Step3.

현재 자신의 계정이 있으시다면 그곳에 랜덤으로 바뀔 이미지를 올려주시면 됩니다.

그러나 그러한 계정이 없으시다면 그냥 블로그에 올려주시고 비공개 포스팅을 한후 이미지 주소를 갖고 오시면 됩니다.

저같은 경우엔 후자로 설정을 해서 이미지들을 제 블로그에 올려 두었습니다.

많은 Free 이미지를 원하신다면 구글에서 검색어 "RSS"로 이미지 검색하시면 됩니다.

 

• Step4.

여기서부터는 소스 코드를 적을것입니다. 그 소스는 꾸미기 > 위젯 > 위젯추가 로 html을 삽입하시면 됩니다.

 

<center>

<a href="http://feeds2.feedburner.com/아이디" rel="alternate" type="application/rss+xml">
<script>
   var image = new Array();
   image[image.length] = "이미지 주소1";
   image[image.length] = "이미지 주소2";
   image[image.length] = "이미지 주소3";
   image[image.length] = "이미지 주소4";
   image[image.length] = "이미지 주소5";
   image[image.length] = "이미지 주소6";
   var index = Math.floor(Math.random() * image.length);
   document.write("<img src="+image[index]+">");
</script>
</a>

</center>

 

위의 소스를 위젯에 추가 하시면 됩니다.

일단 작동확인까지 완료 했으며 플래쉬로 하는게 좀더 눈에 띄지만 IE8 이랑의 플래쉬 문제도 있고 여럿 사이트를 무겁게 하는 요소로 생각해서 이렇게라도 해볼려고 작업을 해 보았습니다.

 

아래는 현재 피드버너에 나오는 제 rss등록자 수입니다.

굉장히 자세하게 등록된 분들을 알 수 있습니다. 그럼 모두 성공하시길 :)

소스 긁기가 안되서 첨부파일로 넣었습니다.

invalid-file

덧. 소스는 제가 여기 저기서 줏어와서 짜집기 한상태라 좀더 자바에 능한분 있으시면 고쳐주세요!