이 블로그 하단에 다른 블로그의 RSS 주소를 알아서 아이프레임(iframe)을 사용하여 블로그 하단에 넣었습니다. 티스토리 블로그에 다른 블로그 내용이 나와도 그렇게 하고 싶지는 않았으나 워드프레스를 만지다가 위젯에 RSS 추가라는 것이 있어 해보니 보기가 좋아 관련 스크립트를 찾아보았습니다. 참고로 여기에서 사용한 브라우저는 익스플로러(IE)가 아니고 크롬(Chrome)입니다. 크롬에서는 글의 날짜가 영어로 나왔습니다. 그 이유는 저도 모르겠는데 익스플로러에서는 한글로 나왔거든요. 익스플로러와 크롬을 제외한 브라우저인 사파리에서는 영어로 파이어폭스에서는 한글로 나왔습니다.
그래서 스크립트 소스를 찾아 위와 같이 했습니다. 위 그림을 이 블로그 하단에 있는 것이니 그림이 아닌 실제로 보고 싶다면 이 블로그 아래쪽에 가면 됩니다.
이 블로그에서 위와 같이 만드는데 사용한 RSS 스크립트는 아래 사이트에서 소스를 얻었고 소스는 아래 그림과 같습니다. RSS가 있는 페이지는 아래 그림의 빨간사각형을 보듯이 아이프레임(iframe)을 사용했습니다. 참고로 아래 사이트는 영어로 된 페이지입니다. 한국 사이트는 익스플로러만 따지는 경향이 있어서 한국 사이트에서 스크립트를 찾지 않습니다.
적용은 위와 같이 아이프레임으로 RSS가 있는 페이지를 불러왔습니다. 이 블로그말고 저의 다른 블로그인 http://learn7.tistory.com에서는 글의 제목만 아니라 글의 내용도 나오게 했습니다. 아래 그림에서 빨간색사각형 부분은 내용 요약인데 그것은 snippet 옵션을 주면 되더군요. 어떻게 하는지 몰랐거든요. 조만간 이 블로그의 RSS로 제목만이 아닌 내용도 나오게 할 것 같습니다. ㄱ아래 더보기를 클릭하면 관련 그림이 나옵니다.
여담으로 CD맨님의 블로그에서 본 글보관함(Archives)과 태그(Tag)를 블로그 하단에 배치하는 것이 좋아 보여 윗 그림을 보듯이 하단에 배치했습니다. 네이버 블로그,다음 블로그 등은 이렇게 하는 것이 불가능하니 헛수고하지 마세요.
- Jquery rss 플러그인 다운로드와 미리보기 : http://www.zazar.net/developers/jquery/zrssfeed/
'IT.인터넷.생활 관련 > 스크립트.HTML.CSS' 카테고리의 다른 글
| 롤오버실험,이미지 안쪽테두리와 CSS3 트랜지션(Transition) (0) | 2013.03.21 |
|---|---|
| jQuery fancybox, 다운로드와 라이선스 (0) | 2013.03.16 |
| 소제목만들기, 티스토리에서 멋있게 - jquery와 CSS사용 (17) | 2013.02.17 |
| HTML5와 CSS3를 사용하지 않는 이유 (5) | 2012.12.22 |
| jquery 플러그인, 티스토리 플러그인 제한 해결 방법 (5) | 2012.11.29 |
| Fancybox 실험,윈도우무비메이커 다운로드 (13) | 2012.10.14 |
| 스마트폰과 아이패드에서는 fancybox (8) | 2012.09.23 |
| 모서리 둥글게,CSS가 아닌 jquery로 둥근 모서리 만들기 - 직접 해보기 (18) | 2012.09.09 |
