이미지 파일 세트로 구하다 보면 압축파일로 만들어져 있는 경우가 많다.

압축을 풀어서 전용 프로그램을 사용하는 방법도 있겠지만, 귀찮거나 할 경우에는 온라인에 업로드해서 간단히 변환해주는 사이트를 이용하면 좋다.


구글로 검색해서 직접 사용해본 사이트 두 군데를 올려본다.



<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 부분을 적절히 변경해주면 된다.