펌핏 인기글 + 신규글 위젯

스킨의 Head 영역 사이에

<script type="text/javascript" src="http://www.prototypejs.org/assets/2007/5/1/prototype.js"></script>
<script type="text/javascript" src="http://eggnara.com/script/egg.script.js"></script>
<script type="text/javascript" src="http://eggnara.com/script/egg.widget.pumfit.js"></script>

를 입력 후

최근글

<div id="widget_pumfit_recent">펌핏 최근글 로딩</div>
<script type="text/javascript">
Egg.widget.pumfit.recentRSS('IT|생활', 5, 10);
</script>

인기글

<div id="widget_pumfit_popular">펌핏 인기글 로딩</div>
<script type="text/javascript">
Egg.widget.pumfit.popularRSS('IT|생활', 5, 10);
</script>

형태로 사용하시면 됩니다.

invalid-file

invalid-file

다운로드하여 사용하셔도 됩니다.


각각의 입력값은 '카테고리', '목록 글 수', '한줄당 표현길이' 이며, 카테고리 지정 방법은 펌핏에 존재하는 카테고리를 '|'를 이용하여 추가하시면 됩니다.

예를 들어 IT, 신상품, 생활/문화를 한줄당 20글자 이내로 10개를 가져오려면

Egg.widget.pumfit.popularRSS('IT|신상품|생활/문화', 10, 20);

형태로 설정하시면 됩니다.


참고
- 한줄당 표현길이가 지정되지 않을 경우는 제목 그대로 표시
- 핸들러함수를 지정하여 사용 가능

function putRecent(feed) {

  var html = '<ul>';
  var listTpl = new Template('<li><a href="#{link}">#{title}</a><span class="date">#{date}</span></li>');

  for (var i = 0; i < feed.value.items.length; i++) {

   var item = feed.value.items[i];
   var cal = new Date(item.pubDate);
   var data = {link: item.link, title: item.title.truncate(length), date: cal.getHours().toPaddedString(2) + ':' + cal.getMinutes().toPaddedString(2)};

   html += listTpl.evaluate(data);
  }
  html += '</ul>';

  $('widget_pumfit_recent').update(html);

}
Egg.widget.pumfit.recentRSS('신상품|피플', 10, 0, 'putRecent');

현재 사이드바에 위치한 소스

<s_sidebar_element>
<div class="popularPumfit">
<h3 onclick="javascript:show_hide_div('widget_pumfit_popular');">POPULAR PUMFIT</h3>
<div id="widget_pumfit_popular">펌핏 인기글 로딩</div>
</div>
<script type="text/javascript">
Egg.widget.pumfit.popularRSS('IT|신상품', 5, 15);
</script>
</s_sidebar_element>