Cumulus 1.23

2011.09.24 09:24 티스토리

Cumulus는 태그들을 멋지게 플래쉬로 보여주는 플러그인입니다.

여기도 적용했으니 사이드바를 참고하시고요. 이제부터 본격적인 설치에 들어가겠습니다.

아래의 압축파일의 압축을 푼 뒤 HTML/CSS 편집→파일 업로드에 올립니다.

TiCumulus_v123.zip

이제 스킨 수정을 할 차례~!

<head>~</head> 태그 사이에 아래의 코드를 적습니다.

<script src="./images/swfobject.js"></script>
<script src="./images/TiCumulus.js"></script>

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

<s_sidebar_element>
<!-- 태그목록 모듈 -->
    <div id="tagbox">
        <h3>태그목록</h3>
        <ul>
            <s_random_tags>
                <li><a href="[#\#_tag_link_#\#]" class="[#\#_tag_class_#\#]"> [#\#_tag_name_#\#]</a></li>
            </s_random_tags>
        </ul>
    </div>
</s_sidebar_element>

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

<div id="htags" style="display:none;"><tags><s_random_tags>
<a href="[#\#_tag_link_#\#]" class="[#\#_tag_class_#\#]">[#\#_tag_name_#\#]</a>
</s_random_tags><a href="/"></a></tags></div>
<span><div id="TiCumulus"><p>플래시 플레이어가 필요합니다.</p></div></span>
<script>
var flashvars = {
tcolor: "0x2970A6",
hicolor: "0x462A56",
bgcolor: "#F8F8F8",
tspeed: "100",
distr: "true",
mode: "tags",
tagcloud: document.getElementById('htags').innerHTML.E4Cumulus('블로그절대주소')
};
var params = {
allowScriptAccess: "always",
wmode: "transparent"
};
swfobject.embedSWF("./images/tagcloud.swf", "TiCumulus", "100%", "200", "9.0.0", null, flashvars, params);
</script>

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

블로그 절대주소는 http://와 마지막 /를 포함하는 주소입니다.

출처 : http://zoc.kr/998

이 댓글을 비밀 댓글로

티스토리 툴바