반응형
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
반응형
'티스토리' 카테고리의 다른 글
| 관리자로 로그인하면 애드센스 안보이게 하기 (3) | 2011.10.23 |
|---|---|
| 글 위에 애드센스 두 개 나란히 삽입하기 (0) | 2011.10.18 |
| 블로그 주소 하나로 통일하기 (11) | 2011.10.12 |
| 애드센스 가입방법 (2) | 2011.10.06 |
| 티스토리 단축키 (4) | 2011.10.03 |
| Syntax Highlighter 적용하기 (0) | 2011.09.24 |
| 글을 작성한 날짜를 클릭하면 해당 날짜에 쓴 글 보여주기 (0) | 2010.04.04 |
| 링크목록을 드롭다운 목록으로 보여주기 (0) | 2009.11.10 |