디스커스 recent_comments_widget JS 코드
본 블로그의 경우 티스토리 자체 댓글 시스템이 아닌 디스커스 댓글 시스템을 사용하기 때문에 디스커스 서버에서 최근 댓글 목록을 받아와야 한다.
티스토리 테마 HTML 편집 페이지에서 디스커스 최근댓글 위젯은 따로 제공되지 않아 다음의 HTML 코드를 사용하도록 한다.
디스커스 Shortname 적용하기
여기서 호출하는 디스커스 최근댓글 Div 내 자바스크립트 링크는 아래와 같이 자신의 계정의 Shortname을 입력해주어야 한다.
https://디스커스ShortName.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=100
디스커스 Shortname은 홈페이지의 Admin - Settings에서 확인할 수 있다.
Disqus 서버에서 recent_comment_widget 요청을 보내면 아래의 코드가 출력된다.
디스커스 서버에서 도메인 내 다섯 개의 최근 댓글 리스트를 가져와 document.write()로 Div내 리스트를 출력한다.
여기서 recent-comments 클래스의 CSS만 따로 테마에 맞추어 수정해주면 된다.
적용한 결과는 아래와 같다.
