<style type="text/css">
.dsq-widget ul.dsq-widget-list { padding: 0;margin: 0; text-align: left;}
img.dsq-widget-avatar { width: 32px; height: 32px; border: 0px; margin: 0px; padding: 0px 3px 3px 0px; float: left;}
p.dsq-widget-meta { height:0px; overflow:hidden; clear: both; font-size: 80%; padding: 0; margin: 0;}
li.dsq-widget-item { margin: 15px 0; list-style-type: none; clear: both;}
span.dsq-widget-clout { padding: 0 2px; background-color: #ff7300; color: #fff;}
a.dsq-widget-user {text-decoration:none;}
a.dsq-widget-user::before {content:"by ";}
a.dsq-widget-user::after {content:" ";}
a.dsq-widget-thread {font-weight: bold;}
table.dsq-widget-horiz td {padding-right: 15px;}
.dsq-widget-comment p {display: inline;}
</style>
<div id="RecentComments" class="dsq-widget">
<script type="text/javascript" src="http://자신의 Disqus shortname.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=1&avatar_size=32&excerpt_length=50"></script>
</div>
이 코드를 원하는 곳에 붙여넣어서 적용하면 최근 댓글 위젯이 나타날 것이다.
댓글 작성시간의 정보가 필요하면 p.dsq-widget-meta 부분을 적절히 변경해주면 된다.
'IT > 유용한팁' 카테고리의 다른 글
VisualStudio Code 에서 PHP 설정 (0) | 2016.05.06 |
---|---|
포토샵 CS2 The Adobe Updater could not be started.. 팝업 제거 (0) | 2016.02.19 |
무료로 포토샵 설치해서 사용하기 (윈도우10) (0) | 2016.02.18 |
티스토리 본문 ul,ol,li 리스트 스타일 적용 (0) | 2016.02.17 |
쉽게 ZIP 파일을 PDF로 변환하기 (0) | 2016.02.17 |