먼저 이 글은 제가 종종 들려서 좋은 정보 얻고 있는 티스토리>포럼>스킨/플러그인 에서 Blue'nLive 가 소개해 주신
플러그인을 이용한 글임을 밝힙니다. 자세한 소개는 http://bluenlive.net/491 를 참고하시면 됩니다.^^
자, 일단 제 블로그 오른편의 태그 목록을 보세요..먼가 달라졌지요?^^
네, 위와 같이 약간 3D 형태로 보이는 태그가 보이시죠?
자, 마우스를 태그 위로 움직여 보세요~
보신 소감이 어떠신가요?
막~~~~~ 지구본처럼 돌아가는 태그목록... 기존꺼보다는 멋지지 않나요?^^
네, Cumulus for Tistory 라는 태그 플러그인입니다.
원래 워드프레스용으로 만들어진 플러그인을 티스토리에 맞게, 그리고 한글폰트도 가능하게
Blue'nLive 님이 수정해서 올리신 거라네요.. 감사합니다!!!
그럼 이제 적용하는 방법을 알려드려야죠!
자, 일단 아래 파일들을 다운받아서 관리자모드>스킨>Html/Css 편집 으로 가서 파일 업로드를 이용해서 블로그에 올려줍니다.
TiCumulus.zip위 압축파일을 열면 swfobject.js 란 파일과 tagcloud.swf 란 파일 2개가 나옵니다.
반드시 압축해제한 상태에서 파일 2개를 업로드 해주세요
파일을 업로드 하셨으면 html 을 수정하겠습니다.
Skin.html 에서 이 부분을 찾으세요
찾으셨나요? 보시다시피 <태그목록> 또는 <s_random_tags>를 찾으시면 요런 부분이 보이실 겁니다.
수정해야 할 부분은 제가 마우스로 표시해 놓은 부분입니다.
<ul> ~ </ul> 부분이죠..
그럼 이 부분을 고쳐보죠~
위 구간을 아래와 같이 똑같이 고쳐보겠습니다.
네, 사진을 보고 다 치라고 하면 여기서 좌절하시는 분 많겠죠~^^
텍스트 문서로 만들어놨으니 열어서 복사>붙여넣기로 수정하세요
tag.txt위 텍스트 파일 열면 그 전체를 복사하시면 될겁니다.
그리고 나서 "저장"
그리고 나면 저처럼 이쁜 태그목록을 보실 수 있습니다.
참고로 스크립트 중간에 100%, 200 이런게 보이실겁니다.
이건 가로사이즈를 100%로 하란거구, 세로를 200픽셀로 하란겁니다.
색을 "0x222222"로 해 놓은것은 티스토리 기본색상으로 하란건데, 본인 입맛에 맞게 수정가능하십니다.
전 스크립트는 잘 몰라서 원본 그대로에서 움직이는 속도만 좀 빠르게 변화시켰네요^^
이 스크립트의 변수를 좀 자세히 알고 싶으신 분은
http://bluenlive.net/491 를 방문하시거나,
http://www.roytanck.com/2009/03/11/how-to-use-wp-cumulus-shortcodes/#more-1346
를 참고하시면 되겠습니다~^^
그럼 블로그를 이쁘게!^^
아, 혹시 아시는분 알려주세요..
제가 위에 텍스트 박스들 사용했는데 저거 무조건 가로사이즈가
최대로만 열리네요. 사이즈 폭 조정하는 법 아시는 분 알려주시면 감사하겠습니다~^^
하핫;; 저도 이 플러그인 블루앤 라이브님 포스트보고 설치했는데
답글삭제사용법 정리가 깔끔하네요 ^^
저도 설치해볼까봐요.^^ 멋지네요~~
답글삭제오~ 이거 멋지군요. 바로 설치했습니다. ㅎㅎㅎ
답글삭제가로 사이즈는 100% 대신에 그냥 숫자만 넣으시면 됩니다. 세로폭 조정하듯이 하시면 될겁니다. ^^
바~~로 올렸습니다..^^ 멋진데요...속에것좀 만져 볼라고 하는데 ..ㅋ..친구한테 물어보구 연구좀 해야 할듯..
답글삭제새로운 정보를 알려 주시는군요 ^^
답글삭제바로 적용했습니다 ㅎㅎ
정보 멎지네요~~ 역시!! 굿!!
답글삭제@잘난맛에사는 - 2009/04/15 09:27
답글삭제안녕하세요~^^ 대형티브이 구입 축하드립니다!^^ 태그클라우드 멋지더라구요! 벌써 적용하셨군요!^^
@라디오키즈 - 2009/04/15 09:39
답글삭제키즈님 사이드바는 넒어서 크게 하시면 엄청 멋질것 같아요~^^
@라디오키즈 - 2009/04/15 09:39
답글삭제후훗; 아까 키즈님 블로그 새글뜬거 보러갔다가
잠깐 적용되었던걸 봐버린 1人
@잘난맛에사는 - 2009/04/15 12:20
답글삭제배경색하고 자연스럽게 매치가 안되서 일단 보류 했어요.-_-;;;
@라디오키즈 - 2009/04/15 09:39
답글삭제^^ 스크립트 손 보시면 매치가 되게 색변경하실 수 있을겁니다~^^ 말미에 링크되어있는 외국블로그 가시면 설명 있어요~
@smartjoker - 2009/04/15 10:22
답글삭제^^ 네, 100%로 하니깐...회전하는 구체가 넘 작아서
저도 250으로 늘렸어요~^^ Tag 수가 좀 더 많았으면 좋겠는데 그 방법은 잘 모르겠더라구요~
@마루삼아 - 2009/04/15 10:24
답글삭제헛..마루삼아님...태그가 안 보이는데요!!!!
자꾸만 복잡해는것 같네요..ㅎ
답글삭제@언감생심™ - 2009/04/15 10:57
답글삭제^^ 잘 적용하셨군요. 블로그 꾸미기에 도움되었기를!^^
@재아 - 2009/04/15 11:11
답글삭제좋은 정보는 널리 퍼뜨려야죠^^ 저도 머 전달하는 입장일뿐이죠
@MORO - 2009/04/15 13:22
답글삭제ㅋㅋ 그러게요..한번 딱 셋팅하고 나서는 뒤도 안 돌아봐야죠!!ㅋ
@애쉬™ - 2009/04/15 13:12
답글삭제티스토리에서 기본으로 설정 가능한 최대 태그 수는 40개인데.. 얼마나 많이 하실려구요. ^^;;
와이드 250.. ㄷㄷㄷ 크니까 보기에도 시원시원해 보여서 좋군요.ㅎㅎ
trackback from: Cumulus for TiStory 설정하기
답글삭제얼마전에 BLUE'nLIVE 님게서 Cumulus for TiStory 플러그인을 공개해 주셨습니다. 2009/04/03 짜잔~ Cumulus for TiStory 공개 - BLUE'nLIVE 처음 보자마자 뻑가려가지고는 냅다 설치하고 며칠을 지내보니 적용하려고 하는데 잘 안되시는분이나 색상이 스킨과 안맞는다는 등 어려움을 겪고 계시는분들이 적잖이 계신것 같아 얄팍한 지식이나마 도움이 될까 싶어 좀 끄적여봅니다. 설치 파일은 위에 링크를 따라가시면..
@애쉬™ - 2009/04/15 11:42
답글삭제저도 필받아서 설정법 포스트하나 써버렸습니다 ㅎㅎ
링크해주신 외국블로그가 도움이 많이 됬네요 ^^ 트랙백 ㄱㄱ
@잘난맛에사는 - 2009/04/15 09:27
답글삭제덕분에~ 칼라설정 좀 더 했습니다. 근데..오렌지색으로 컬러2를 설정했는데. 반영이 안 되네요~ "사진"이 색이 다르게 나와야 하는데..
@잘난맛에사는 - 2009/04/15 09:27
답글삭제음...색이 다르게 나오긴 한데..빨간색이 빨간색이 아닌것 같네요..옵션중에 0x 이게 포인트인가요~ 공부해야되겠습니다. ㅋ
@애쉬™ - 2009/04/15 13:12
답글삭제앗..그게 관리에서 태그수를 30개까진 되는데 40개로 해놓으면 않되네요..ㅋㅋ
@애쉬™ - 2009/04/15 17:42
답글삭제0x 는 뒤에 나오는 숫자가 16진수라는걸 표시해주는 역할이므로 꼭 붙이셔야 하구요
빨간색이면 0xff0000 이긴 한데 사용빈도에 따라서 색깔이 강해지는 효과가 적용되서 원하는 색깔이 안나온거같은데......
사진 태그로 포스트가 51건 이시네요 ㄷㄷㄷ;; 글수가 부족해서 그런지 기본 글자색깔이랑
겹치면서 어둡게 나오는지 좀더 알아봐야겠지만...
저는 아직 포스트가 많지않아 직접 테스트를 해볼 수가 없네요 ㅠㅠ;;
포럼에서 이걸보고 우와 신기하군 하면서 설치를 하려고 보니...1단 스킨..급 침작모드로..^^
답글삭제적용하신거 아주 이쁘네요
@잘난맛에사는 - 2009/04/15 18:43
답글삭제아무래도 tcolor와 tcolor1의 색깔이 혼합되어서 표시되는것 같습니다.. -0-;;
사용 빈도에 따른 농도변화도 같이 적용되구요..
저도 색깔공부좀 해야겠네요 oT^To
@잘난맛에사는 - 2009/04/15 09:27
답글삭제그렇죠? 색이 혼합되는 느낌이 강하더라구요..그래서 원본색을 조금 약하게 했더니..그나마 조금 낫더라구요^^ 머 나머지는 원작자님께 맡기는 수밖에요!^%^
@smartjoker - 2009/04/15 10:22
답글삭제그러게요..그냥 보일때는 30개정도가 적당한것 같아서 그렇게 해 놨었거든요..40개로 바꾸니 이제 좀 많아 보입니다~^^
@미리누리는천국 - 2009/04/15 19:10
답글삭제윽! 1단 스킨의 비애~ 그래도 1단 스킨은 간결 그 자체가 보기 좋아요~^^ 전 간결보다는 사이드바가 있는게 여러모로 편해서~... 저도 간결좋아라 한답니다!
크억~~!! 오늘도 좋은 정보가.... ㄷㄷㄷㄷ... 감사합니다.
답글삭제얼른 해봐야 겠어요 ^__^;
근데 애쉬님 블로그 제목글씨가 막 이상해 져요..
물결(?) 모양? 그런것도 html 이나 css란에서 수정하시는건가요? 신기한거 무척많네요..ㅎㅎ
@코딱지 - 2009/04/16 14:27
답글삭제ㅋㅋ 네, 저도 어떻게 하는지는 모르구요..스킨이 원래 그렇게 설정되어 있더라구요! 좀 더 잘 알면 폰트도 수정했겠죠!^^
몇일전부터 보여 신기해 했는데.. 애쉬님 덕에 저도 설치(?) 했습니다..
답글삭제좋은 정보 감사합니다..^^
@민성 - 2009/04/25 19:55
답글삭제앗..도움이 되었다니 다행입니다^^ 좋은거는 마구마구 사용해 주어야 합니다^^
헐, 정말 멋있어서 적용했더니
답글삭제눈이 번쩍 뜨이는듯.. 감사합니다
@김새싹 - 2009/04/26 04:36
답글삭제바로 잘 적용하셨네요~ 새싹님? 혹시 이름이 새싹이세요?
아니에요, 제 이름성에 그냥 닉만 붙인거라는..
답글삭제물결모양제목도 설정해봤는데 오오.. 지금 완전 신세계 모드인것 같습니다..
다음에 또 구경하러 오겠습니다 수고하세요