• Tistory
    • 태그
    • 위치로그
    • 방명록
    • 관리자
    • 글쓰기
Carousel 01
Carousel 02
Previous Next

'tag'에 해당되는 글 1건

  • 2014.01.10 [티스토리] TAG에 입체 효과를 주자 - 3D 구름태그 ( CloudTag )

[티스토리] TAG에 입체 효과를 주자 - 3D 구름태그 ( CloudTag )

TISTORY TIP 2014. 1. 10. 08:22




티스토리를 처음 시작하고 글을 작성할때 태그를 달면 밋밋한 텍스트로만 투투툭 쓰여 있다. 


그래서 많이들 사용하는게 플래쉬를 이용한 구름태그를 사용한다. 오늘은 그 구름태그 적용법을 알아보자.




   -->     


먼저 아래 파일을 다운받고 압축을 풀어줍니다.



TISTORY구름태그.zip


이후 HTML / CSS 편집 란으로 가서 파일 업로드 탭으로 갑니다.


이번에는 플래쉬파일이 사용되기 때문에 미리 티스토리에 업로드 해 줄 필요가 있습니다.



추가를 누르시고 소스코드.txt 파일외에 나머지 두개 파일을 업로드 해 줍니다.



정상적으로 업로드 됐는지 확인은 필수적으로 해주시고 그다음 다시 HTML/CSS 탭으로 가셔서


아래와 같은 부분을 찾아줍니다. 스킨에 따라 <h3> </h3> 사이에 들어가는게 많이 다르더라고요 


그래서 저는 아예 <h3>으로 검색을 했습니다. 


저부분에서 <ul> </ul> 사이 내용을 싹 지워주시고 첨부된 소스코드 를 붙여 넣어 주시면 됩니다.




혹시 복사하실 분을 위해 코드는 아래에 첨부합니다.


<!-- 3D 구름태그 시작 -->

<div id="htags" style="display:none;"><tags>

  <s_random_tags>

    <a href="" class=""></a>

  </s_random_tags>

<a href="/"></a></tags></div>

<div id="TiCumulus"><p>Tistory Cumulus Flash tag cloud by 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>

<!-- 3D 구름태그 끝 -->



추가해 주시고 저장 해주시면 매인화면의 태그가 구름처럼 빙글빙글 돌면서 변경됩니다.



저작자표시 비영리 (새창열림)

'TISTORY TIP' 카테고리의 다른 글

티스토리 코드블럭 내용을 복사하면 한줄로 나오는 문제를 해결하자  (0) 2022.01.20
글목록의 상단에 광고를 추가 해 보자.  (0) 2014.12.10
본문내용 상단에 구글 애드센스 광고 두개 나란히 삽입하기.  (0) 2014.12.10
Tistory 카테고리 항상 펼쳐보기  (0) 2014.01.10
블로그 이미지

매직블럭

작은 지식들 그리고 기억 한조각

,
  • «
  • 1
  • »

카테고리

  • 살다보니.. (449)
    • 주절거림 (3)
    • 취미생활 (36)
      • 지식과 지혜 (3)
      • 풍경이 되어 (4)
      • Memories (17)
      • 엥겔지수를 높여라 (2)
    • mathematics (6)
      • Matrix Computation (2)
      • RandomProcesses (3)
    • English.. (8)
    • Programming (147)
      • C, C++, MFC (51)
      • C# (1)
      • OpenCV (17)
      • Python (58)
      • Git, Docker (3)
      • Matlab (4)
      • Windows (3)
      • Kinect V2 (2)
      • 기타 etc. (8)
    • 전공관련 (80)
      • Algorithm (6)
      • Deep Learning (54)
      • 실습 프로그램 (4)
      • 주워들은 용어정리 (8)
      • 기타 etc. (8)
    • Computer (118)
      • Utility (21)
      • Windows (31)
      • Mac (4)
      • Ubuntu, Linux (58)
      • NAS (2)
      • Embedded, Mobile (2)
    • IT, Device (41)
      • 제품 사용기, 개봉기 (14)
      • 스마트 체험단 신청 (27)
    • Wish List (3)
    • TISTORY TIP (5)
    • 미분류. 수정중 (1)

태그목록

  • SVM
  • matlab function
  • LIBSVM
  • DeepLearning
  • CStdioFile
  • function
  • 스마트체험단
  • 에누리닷컴
  • 포르투갈
  • 큐슈
  • 매트랩
  • Computer Tip
  • DSLR
  • 일본
  • 칼로리 대폭발
  • review
  • 후쿠오카
  • ReadString
  • Deep Learning
  • 오봉자싸롱
  • matlab
  • 매트랩 함수
  • utility
  • 크롬
  • random variable
  • Convolutional Neural Networks
  • 딥러닝
  • portugal
  • 갤럭시노트3
  • ColorMeRad

달력

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
07-06 17:11

LATEST FROM OUR BLOG

RSS 구독하기

BLOG VISITORS

  • Total :
  • Today :
  • Yesterday :

Copyright © 2015 Socialdev. All Rights Reserved.

티스토리툴바