ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 사이드바 설정법
    우키가 보는 세상 2007. 3. 19. 23:01
    728x90
    반응형
    SMALL
    <s_sidebar_element>
                <!-- playtalk -->
                <s_rct_playtalk><h3><a href="http://playtalk.net/nanamix/" target=_blank>nanamix's Playtalk</a></h3>
                <li><p class="playtalk">
     
    <script type="text/javascript">  
    /* 
     * John Resig의 RSS to JSON Convertor를 사용하였습니다. 
     *  - Site    : http://ejohn.org/projects/rss2json/ 
     *  - Licensed: Creative Commons Attribution 2.5 License 
     * 
     * 사용법 
     *  - 아래 변수를 수정하고 페이지 내용 중 원하는 부분에 붙여 넣으시면 됩니다. 
     *  - size  : 리스트의 출력 개수입니다. 
     *  - length: 리스트의 한줄당 표현 길이입니다. 0을 주시면 모두 표현됩니다. 
     *  - id    : PlayTalk의 사용자 ID입니다. 
     *  
     * 기타 
     *  - John Resig의 사이트를 거쳐 오기 때문에 느릴 수도 있고, 
     *    불시에 동작하지 않을 수 있습니다. 
     *  - UTF-8이 아닐 경우 한글이 깨질 수 있습니다. 
     *  - 스타일을 변경하시려면 소스 내용을 수정하세요. 
     *  - 라이센스는 동일하게 CCL (By) 2.5 입니다. 
     */ 
     
    var size = 7;  // 출력 개수  
    var length = 27; // 항목당 표현 길이  
    var id = 'nanamix'; // PlayTalk 아이디  
     
    var style  
      = '#playtalk { font:9pt auto; color:#444; line-height:1.4em; }' 
      + '#playtalk a { color:#444; text-decoration:none; }' 
      + '#playtalk a:hover { color:#c00; }' 
      + '#playtalk h3 { display:none; }'
      + '#playtalk ol { margin:0; padding:0; list-style:none; }' 
      + '#playtalk li { margin:0; padding:0; color:#444; }';  
    document.write('<style type="text/css">' + style + '</style>')  
    document.write('<div id="playtalk">PlayTalk loading...</div>');  
     
    // ----------  
     
    function getTalk() {  
      var s = document.createElement('script');  
      s.type = 'text/javascript';  
      s.src = 'http://ejohn.org/apps/rss2json/?url=http://playtalk.net/' + id   
        + '/rss.aspx&callback=putTalk&t=' + (new Date()).getTime();  
      document.getElementsByTagName('head')[0].appendChild(s);  
    }  
     
    function putTalk(rss) {  
      var html = '<h3><a href="' + rss.link + '" title="' + rss.title + ' " target=' + '"_blank" >' 
        + rss.title + '</a></h3>';  
      html += '<ol>';  
      for (var i = 0; i < size && i < rss.entries.length; i++) {  
        var entry = rss.entries[i];  
        html += '<li><a href="' + entry.link + '" title="' + entry.title + '\n' + entry.content + '" target=' + '"_blank" >' 
          + ellipsis(entry.content, length) + '</a></li>';  
      }  
      html += '</ol>';  
      document.getElementById('playtalk').innerHTML = html;  
    }
     
    function ellipsis(text, size) {  
      if (size == 0) return text;  
      var index = 0;  
      var count = 0;  
      for (index = 0; index < text.length; index++) {  
        if (count >= size) {  
          return text.substring(0, index).replace(/\s+$/, '') + '...';  
        }  
        count += escape(text.charAt(index)).indexOf('%u') > -1 ? 2 : 1;  
      }  
      return text;  
    }  
     
    getTalk();  
    </script>        
      <br></s_rct_playtalk_rep></p></li>
                </s_rct_playtalk>
                </s_sidebar_element>
    728x90
    반응형
    LIST

    댓글

Designed by Tistory.