Cumulus for Textcube.com 1.23

티스토리에서 텍큐닷컴으로 넘어옴에 따라 이 명품 플러그인을 텍큐닷컴 용으로 포팅했다.
포팅시 최신버전인 1.23으로 업데이트를 병행함.

기존 버전 이미지 재활용. 외형적으로 바뀐 건 없음.


1.23에서는 보안 Cross-Site Scripting (XSS) 취약점을 완전히 없애기 위해 구조를 일부 바꿨는데, 관련 포스팅은 읽지도 않고 냅다 덤볐다가 수정에 시간을 좀 낭비했다. 쩝.

설치 과정은 아래와 같다.


1. 파일 설치

아래 파일을 다운받아 압축을 풀면 j_swfobject.gif, j_TeCumulus.gif, s_tagcloud.gif의 3개의 파일이 나온다.
이  세 파일을 스킨 직접올리기 기능을 이용해서 올린다.

TeCumulus_v123.zip


2. 스킨 수정 #1

본문 최상단에 아래의 코드를 적는다.
<body> 태그 바로 다음 줄에 적으면 된다.

?
1
2
<script type="text/javascript" src="http://(블로그 이미지 주소)/j_swfobject.gif"></script>
<script type="text/javascript" src="http://(블로그 이미지 주소)/j_TeCumulus.gif"></script>


3. 스킨 수정 #2

스킨에서 아래와 같은 부분을 찾는다.
스킨마다 조금씩 모양이 다르지만, 공통적으로 있는 부분이 <s_random_tags> ~ </s_random_tags>이다.

?
1
2
3
4
5
6
7
8
9
10
<div id="tagcloud" class="widget">
  <h3 style="padding-bottom:3px;">Tag clouds</h3>
  <ul>
    <s_random_tags>
    <li>
      <a href="" class=""> </a>
    </li>
    </s_random_tags>
  </ul>
  </div>


여기서 <s_random_tags>의 바깥쪽에 있는 <ul> ~ </ul>을 아래와 같이 수정한다.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div id="htags" style="display:none;"><tags><s_random_tags>
    <a href="" class=""></a>
  </s_random_tags><a href="/"></a></tags></div>
<div id="TeCumulus"><p>Textcube Cumulus Flash tag cloud by <a href="http://zockr.tistory.com">BLUEnLIVE</a> requires Flash Player 9 or better.</p></div>
<script type="text/javascript">
//<![CDATA[
  var flashvars = {
  tcolor: "0x2970A6",
  hicolor: "0x462A56",
  bgcolor: "#f7f7f7",
  tspeed: "100",
  distr: "true",
  mode: "tags",
  tagcloud: document.getElementById('htags').innerHTML.E4Cumulus('(블로그 절대주소)')
  };
  var params = {
  allowScriptAccess: "always",
  wmode: "transparent"
  };
  swfobject.embedSWF("http://(블로그 이미지 주소)/s_tagcloud.gif", "TeCumulus", "100%", "200", "9.0.0", null, flashvars, params);
//]]>
</script>


여기서 자신의 블로그에 맞게 수정해야 되는 변수는 아래와 같다.

- tcolor: 글자색
- hicolor: 글자 강조색
- bgcolor: 배경색
- tspeed: 움직이는 속도

그리고, 블로그 절대주소는 http://와 마지막 /를 포함하는 주소이다. 본 블로그에서는 http://zockr.tistory.com/을 사용한다.


덧. 설치 방법이 다소 바뀐 부분이 있어 설치방법을 새롭게 포스팅했다.
WP-Cumulus 1.23에서 내부적으로 바뀐 부분이 링크의 주소가 http://으로 시작하는 절대주소만 인식한다는 것이다.
이에 따라 절대 주소를 명시하도록 수정했다.

'컴퓨터야그 > 블로그 관련' 카테고리의 다른 글

JW Player 5.4b 업데이트  (0) 2010.12.19
티스토리 스킨은 OneRoom으로 결정!  (4) 2010.12.19
Syntax Highlighter 3용 srt 자막 브러쉬 공개  (2) 2010.12.07
JW Player 3.1c 재업데이트  (0) 2010.11.30
텍큐닷컴 블로그의 모바일 페이지 만들기  (8) 2010.10.06

티스토리툴바