포팅시 최신버전인 1.23으로 업데이트를 병행함.
기존 버전 이미지 재활용. 외형적으로 바뀐 건 없음.
1.23에서는 보안 Cross-Site Scripting (XSS) 취약점을 완전히 없애기 위해 구조를 일부 바꿨는데, 관련 포스팅은 읽지도 않고 냅다 덤볐다가 수정에 시간을 좀 낭비했다. 쩝.
설치 과정은 아래와 같다.
1. 파일 설치
아래 파일을 다운받아 압축을 풀면 j_swfobject.gif, j_TeCumulus.gif, s_tagcloud.gif의 3개의 파일이 나온다.
이 세 파일을 스킨 직접올리기 기능을 이용해서 올린다.
이 세 파일을 스킨 직접올리기 기능을 이용해서 올린다.
TeCumulus_v123.zip2. 스킨 수정 #1
본문 최상단에 아래의 코드를 적는다.
<body> 태그 바로 다음 줄에 적으면 된다.
<body> 태그 바로 다음 줄에 적으면 된다.
<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>이다.
여기서 <s_random_tags>의 바깥쪽에 있는 <ul> ~ </ul>을 아래와 같이 수정한다.
여기서 자신의 블로그에 맞게 수정해야 되는 변수는 아래와 같다.
그리고, 블로그 절대주소는 http://와 마지막 /를 포함하는 주소이다. 본 블로그에서는 http://zoc.kr/을 사용한다.
스킨마다 조금씩 모양이 다르지만, 공통적으로 있는 부분이 <s_random_tags> ~ </s_random_tags>이다.
<div id="tagcloud" class="widget">
<h3 style="padding-bottom:3px;">Tag clouds</h3>
<ul>
<s_random_tags>
<li>
<a href="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</a>
</li>
</s_random_tags>
</ul>
</div>
여기서 <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>
<div id="TeCumulus"><p>Textcube Cumulus Flash tag cloud by <a href="http://zoc.kr">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: 움직이는 속도
- hicolor: 글자 강조색
- bgcolor: 배경색
- tspeed: 움직이는 속도
그리고, 블로그 절대주소는 http://와 마지막 /를 포함하는 주소이다. 본 블로그에서는 http://zoc.kr/을 사용한다.
덧. 설치 방법이 다소 바뀐 부분이 있어 설치방법을 새롭게 포스팅했다.
WP-Cumulus 1.23에서 내부적으로 바뀐 부분이 링크의 주소가 http://으로 시작하는 절대주소만 인식한다는 것이다.
이에 따라 절대 주소를 명시하도록 수정했다.
감사합니다. 이제 다른 일만 남았네요..[emo=091]
답글삭제아 이런걸 보고 있으면.. 스킨 단장은 해야 하는데 구차니즘의 벽이 너무 커지고 있어요 ㅠ.ㅠ
답글삭제@zasfe - 2009/12/18 09:00
답글삭제BBCode는 일요일 이후에나 포스팅 가능합니다. ㅠ.ㅠ
@구차니 - 2009/12/18 09:27
답글삭제구차니즘을 이겨내야죠!
@zockr - 2009/12/18 11:32
답글삭제이겨낼수 있는 구차니즘은 구차니즘이 아닙니다!(단호)
@구차니 - 2009/12/18 15:01
답글삭제댓글 테스트.. Firefox에서 댓글에 댓글달기 하면 메인화면이 사라지고 답글달기만 나와서 돌아갈 방법이 없네요 ㅠ.ㅠ
취소(돌아가기) 를 눌러야 하는건가효 -ㅁ-?
음.. 해보니, 아마 댓글수정은 새로운 창으로 열어야 하는데 그 부분이 빠져서 그냥 parent를 댓글 수정으로 바꾸는군요 -ㅁ-
1.22 쓰고 있었는데 Cumulus 자체가 1.23에서 많이 바뀌기 시작했다고 하니 이녀석으로 업글하겠습니당.
답글삭제근데 전 티스토리라서... 일단 설치해보고 안되면 질문드릴게요 ㅎㅎㅎ
1.22 쓰고 있었는데 Cumulus 자체가 1.23에서 많이 바뀌기 시작했다고 하니 이녀석으로 업글하겠습니당.
답글삭제근데 전 티스토리라서... 일단 설치해보고 안되면 질문드릴게요 ㅎㅎㅎ
아, 근데... 티스토리에서 업로드한 이미지 절대경로는 어떻게 알아내나요? --;; 지금까지는 상대경로로만 했는데, 여기서부터 막히네용.
참고로 어제부로 2차 도메인 쓰고 있습니다. 뭐, 코드상에는 tistory 쪽 도메인으로 집어넣으면 되겠지만서도.
답글삭제@고영혁 - 2009/12/20 13:50
답글삭제절대경로는 소스보기를 해서 [rb]블라블라/images/[/rb]라고 되어있는 부분을 찾으면 됩니다.
감사! 티스토리에도 1.23 버전 성공적으로 돌아가는 것 확인했습니다. 단... 이번에는 크롬만이 아닌 IE에서도 폰트가 투박하게 나오는군요 --;; 이쁜 폰트를 원하려면 1.21로 돌아가야 하는 건지... 으음... 문제가 몰까요? 이상하게 손댄 코드는 없는데. 엔터튤립9 글꼴을 불러들이는데에 있어서 문제인가?
답글삭제@고영혁 - 2009/12/20 14:19
답글삭제글꼴은 언제나 엔터튤립9입니다.
Cumulus는 플래쉬9 기반으로 되어있어 글꼴이 벡터 그래픽으로 파일에 포함되어 있습니다. 따라서 글꼴을 불러들이는 문제같은 건 없습니다. ^^;
그럼 모가 문제일까요. 쩝... 글꼴이 이 포스팅 맨 위에 첨부하신 캡쳐화면처럼 나옵니다. 지금 돌리고 계시는 태그클라우드의 깔끔한 글꼴 모양이 아니라요. 에구 머리야.
답글삭제@고영혁 - 2009/12/20 15:18
답글삭제1. 제가 사용하는 건 제 전용 버전입니다.
배포한 건 캡쳐화면처럼 나옵니다.
2. 설명을 제대로 안 읽고 적용하셨네요.
태그를 클릭해보시면 태그로 안 넘어갑니다.
어디엔가 /가 빠졌습니다. 어딘지는 한번 찾아보시길... ^^;
2) 설명은 제대로 읽었는데 copy@paste 하다가 실수를... 찾았습니다. ^^;; 휘유~ 혹시나 해서 1.22 1.21a 1.21 1.20 전부다 다시 해봤는데 크롬과 IE에서 모두 이쁜 폰트가 나오진 않고(예전에는 크롬에서도 됐지만 아마 코드 수정하시면서 변경됐나보죠..), 1.21 가야지 그나마 IE에서 이쁘게 나오네요. 헌데 메인이 크롬인지라...
답글삭제1) 전용 버전말구도 배포 버젼에도 이쁜 폰트의 아량을 베푸심이... ㅠㅠ 부탁드려용~
@고영혁 - 2009/12/20 16:08
답글삭제저만의 "무엇' 하나 쯤은 있어야...는 아니고...
원하시는 글꼴을 말씀하시면 그 글꼴 버전으로 만들어드리겠습니다.
깊은 아량에 감사드리며... ^___^
답글삭제맑은 고딕으로 부탁드리겠습니다. 기본 내장 폰트중에 녀석이 젤 깔끔하고 좋은 것 같아요.
감사합니다 !!
@고영혁 - 2009/12/20 16:25
답글삭제보내드릴 주소를 가르쳐주세요...
그런데, 지금 블로그를 보니 다른 글꼴 버전을 설치하셨네요. ^^;
비밀 댓글 입니다.
답글삭제@Anonymous - 2009/12/20 16:41
답글삭제보냈습니다. ^^;
연말, 혹은 연초에 스킨을 갈아버릴 생각인데 그 때 BBCode랑 같이 적용하게 되겠군요^^
답글삭제좋은 위젯 감사드립니다.
답글삭제저도 위의 분처럼 기존 버전과는 다르게 폰트가 벡터형식으로 확대 안되는건지 각져보이길래
WP 플러그인사이트에서 1.23버전 받아서 폴더에서 swf만 교체해주니 해결되는군요.
물론 s_tagcloud.gif로 이름 바꿔주고 스킨과 같이 압축해서올렸습니다.
한참을 씨름을 했는데 해결되니 기분 좋군요.. 이런 현상 있으신 분은 시도해보시길...
@엘레지 - 2009/12/29 22:26
답글삭제그럼 한글이 표시가 안 됩니다...
@zockr - 2009/12/30 12:43
답글삭제헛.. 그러네요.
구버전으로 대체를 해야겠네요 ㅠㅠ
저는 바로 위에 있는 http://sapkunnanmu.textcube.com/32 방법으로 했다는 것...
답글삭제초짜에겐 너무나 어렵네요 ㅠㅠ
답글삭제파일 설치 해도 스킨 수정 #1, 2를 못따라 가겠네요. ㅠㅠ
어떻게 해야 할까요?
해당 기능을 저의 블로그에 설치 했는데 타 페이지에서 저의 블로그에 링크를 통하여 들어올시 해당 기능이 멈추는 현상이 있습니다. 한번 그 테그 클라우드 부분을 클릭하지 않으면 마우스를 올려 두어도 돌지 않습니다.
답글삭제또한 <ul> ~ </ul>사이를 바꾸어 주면 되는 겁니까? 아니면 <ul> ~ </ul>을 포함하여 바꾸어 주어야 정상 작동하는 것입니까? 개인적으로 <ul> ~ </ul>사이만 바꾸어 주었지만 멈춤현상이 있는 것으로 보아 <ul> ~ </ul>까지 포함하여 빼주어야 멈춤현상이 사라지나 해서 여쭈어 봅니다.
@하얀별 - 2010/01/17 21:58
답글삭제1. 제가 접속해보니 멈추지 않네요.
2. <ul>을 포함해서 바꿉니다.
안녕하세요!!
답글삭제제가 요걸 열심히 해봤는데 잘 안되네요...
블로그 이미지 주소는 머고, 절대 주소는 뭔가요??
절대주소는 http://proslab.tistory.com/ 이거 맞죠?
Textcube Cumulus Flash tag cloud by BLUEnLIVE requires Flash Player 9 or better.
이렇게 나오는데 어떻게 해야하죠?
@jong970105 - 2010/01/19 13:54
답글삭제텍큐닷컴 스킨 중에 태그 클라우드 위젯이 없는 놈들이 있더군요.
태그 클라우드 위젯을 만들어줘야 합니다.
[ur=http://sapkunnanmu.textcube.com/32]http://sapkunnanmu.textcube.com/32[/ur]
답글삭제위의 블로그 내용과 여기와 짬뽕을 해서 해냈습니다.!!!ㅠㅠ
근데 여전히 티스토리에선 안되네요...(뭔가 꼬인듯...)
비밀 댓글 입니다.
답글삭제@Anonymous - 2010/01/28 03:41
답글삭제이제 다른 글꼴 버전은 제작/공개하지 않으려고 합니다.
안녕하세요~ 구름 태그 검색하다가 제 블로그에 적용시켜보려고 질문 드리는데요 1.22버젼으로 텍스트큐브에 적용 시켜보려고 몇시간동안 고생하다 1.23버젼이 텍스트큐브 버젼이라는걸 알게됐습니다 ㅎ; 다름이 아니라 블로그 절대 주소는 알겠는데 이미지 주소를 못따와서 몇시간째 헤메고 있네요 압축 풀면 나오는 3파일을 텍스트큐브에 업로드도 시켜보고 스킨이 깔린 폴더에 붙여 넣기도 해봣는데 image 라는 단어는 못찾겠더라구요 아직 시작한지 얼마 되지 않아서 많이 부족하네요 ㅎ; 블로그 이미지 주소 어디서 찾아야 하는지 알려주시면 감사하겠습니다^^;
답글삭제