오잉?? 오늘 아침에 블로그를 접속하니 태그 클라우드가 그냥 빈박스로 나오네요



머지머지??? 이상하게 생각되어 티스토리 스킨 소스를 디져보니.
js파일이랑 swf 파일이 없어졌네요..^^
급하게 다시 업로드를 시켜놓고

다음에 또 이런일이 생길까봐 아예 블로그에 파일도 올려놓고
Tag Cloud 적용하는 방법을 포스팅 해두어야 겠습니다.

사전적 의미를 보면 이래요. 즉, 포스팅한 글들의 키워드라고 이야기도 할수가 있겠죠.
그냥 부가적인 것으로 포털사이트등 검색에 포함도 되어있기 때문에 포스팅한 글의 노출을
위해서 관련된 키워드들을 적어주는것이 좋습니다.~


Tag Cloud ..구름 보통 text등이 쭈욱 나열되지만 이건 동글동글빙글빙글 돌아서
디자인도 깔끔하며 액션이 생겨 관심이 가고 클릭도 유도할 수 있다고 생각되어집니다.

자 그럼 태그클라우드를 내 블로그에 적용시키는 방법

1. 아래파일을 다운받습니다. tagcloud.zip

압축파일에는 요런 파일이 세개가 있습니다.


2. swfobject.js tagcloud.swf 파일을 티스토리 파일업로드를 통해 스킨파일에 올립니다.
티스토리 관리자모드>꾸미기>HTML/CSS편집 > 파일업로드


3. script.txt 파일에 있는 소스를 HTML/CSS에 적용시킨다.
티스토리 관리자모드>꾸미기>HTML/CSS편집 > HTML/CSS

<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="TiCumulus"><p>Tistory Cumulus Flash tag cloud by <a href="http://zoc.kr">BLUEnLIVE</a> requires Flash Player 9 or better.</p></div>
<script type="text/javascript" src="./images/swfobject.js"></script>
<script type="text/javascript">
  var t = new SWFObject("./images/tagcloud.swf", "tagcloud", "100%", "200", "7", "#ffffff");
  t.addVariable("tcolor", "0x222222");
  t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always");
  t.addVariable("tagcloud", document.getElementById('htags').innerHTML.replace(/class=([\w]+)/gi, 'class="$1"').replace(/\"\"/gi, '"').replace(/class=\"/gi, 'style=\"font-size:').replace(/:cloud([\d])/gi, ':1$1pt;').replace(/TAGS\>/gi, 'tags>').replace(/\<A\s/gi, '<a ').replace(/\<\/A\>/gi, '</a>').replace(/\"/g, "'"));
  t.write("TiCumulus");
</script>

var t = new SWFObject("./images/tagcloud.swf", "tagcloud", "100%", "200", "7", "#ffffff");
100%: 가로크기 / 200:세로크기 / #ffffff : 바탕화면
<필자는 세로크기를 150으로 사용합니다.> 세로크기가 줄어들면 글자의 크기도 같이 줄어드네요~~
t.addVariable("tcolor", "0x222222");
0x222222 : 글자색
 t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always");
100: 움직이는속도

살자꿍 HTML 소스만 살짝 건드려도 이쁜 태그클라우드를 적용시킬수 있으니
블로그에 적용한번 시켜보는건 어떨까요??



Posted by SoulrideR

댓글을 달아 주세요

  1. Favicon of http://aazz.tistory.com BlogIcon 블루 2011.11.29 15:35  댓글주소  수정/삭제  댓글쓰기

    좋은정보 잘보았습니다.
    근데. 필요한태그만 보여지게 설정하려면 어떻게 해야하나요?

  2. 2012.11.14 18:01  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • Favicon of https://soulrider.tistory.com BlogIcon SoulrideR 2012.11.30 18:12 신고  댓글주소  수정/삭제

      죄송합니다. 요즘 블로그를 자주 들어오지 못해 이제야 글을 보게 되었네요.. http://nstckorea.tistory.com/
      사이트 들어가서 보니 지금은 구름태그가 제대로 나오시는거 같네요.~ 진작 도움드리지 못해 죄송하네요~~

    • Favicon of https://nstckorea.tistory.com BlogIcon 굿가이(Goodguy) 2012.12.03 08:57 신고  댓글주소  수정/삭제

      네, 이틀 정도 지나니까 다시 보이더라고요. ^^ 블로그에 좋은 내용이 너무 많아서 앞으로도 도움을 많이 받게될 것 같습니다. ^^; 잘 부탁드려요-