스킨을 갈아 엎었습니다. + 삽군비비코드+ 풍선주석기능 추가

 마바반야님 블로그에 적용된 연님 스킨 을 보고 불타는 필링을 받았습니다. 그래서 스킨을 갈아 엎었습니다.

 여기에 덤(?)으로 BB 코드 삽군 버전을 넣었습니다. 사실 태그구름도 넣을 생각이었는데 갖가지 문제가 발생해서 뺐습니다. 아래에 스킨 파일을 공개합니다. 압축을 풀지 않고 그냥 스킨편집에 올리시면 적용됩니다.

 

customskin-sapkun_1_1.zip

 ps1. 3.20, 3.27 스킨을 약간 수정해서 다시 올립니다. 연님스킨에서 블로그 이름과 제목글자의 크기가 브라우저에 따라 다르게 표시되던 문제가 수정되었습니다.

 그럼 이 스킨에 대해 설명하겠습니다. 연님의 스킨이고, 사실 겉으로 보기에는 전혀 티가 안나지만 사이드바의 넓이가 200px에서 240px로 늘어 났습니다. 태그구름과 훗날에 추가 위젯들을 달려고 늘렸습니다. 그러나 실제로 태그구름을 다니 스킨이 깨지는 문제가 나타나서 보류 합니다.

  블럭지정 할때 포스트 배경 밖으로 블럭이 나가는 문제라던가 기타 몇가지 수정된게 있습니다. 그리고 조커님이 만드신 풍선 도움말 주석기능이 달려 있습니다. 숫자에 글을 올려보세요.[footnote] 풍선도움말이란 이런거죠! 음호호홋  [/footnote]

 이 스킨에 덤으로 달려있는 삽군버전 비비코드에 대해 소개합니다. 뽀빠이님의 비비코드 를 조금 고친 버전입니다.

 1. 글자크기 조절 아이콘이 추가되었습니다. 아이콘은 그별님이 제작해 주셨습니다.

   그별님 고마워요~.

 2. 조커님이 비비코드 3.3버전에 추가하신 스포일러 기능 + 아이콘이 추가되었습니다. 스포일러가 어떤 것인지 알고 싶으신 분은 댓글을 보세요.

 3. 아이콘 순서가 재정렬 되었습니다. 웃기 / 사랑 / 웃으며 달리기/ 만세 같은 순으로 비슷한 감정을 나타내는 아이콘끼리 붙어있도록 바꿨습니다. 확장 이모티콘을 고르는데 시간이 걸리는것 같아 좀더 찾기 쉽게 만들려는 목적입니다. 자세한 순서를 알고 싶으신분은 역시 댓글을 보세요.

 4. 조커님이 숨겨놓으신 버그..라고 할수 있는 한가지가 수정되었습니다. 어떤 건지 알고 싶으신분은 댓글로 “이명박” 을 쳐보세요.

 그리고 비비코드를 사용하려면 몇가지 문제점을 아셔야 합니다. 혹시 적용이 잘안되는분들도 참고하세요. 현재 텍큐닷컴의 모든 비비코드에 공통적인 문제입니다.

 1. 글이 반드시 1개씩 보이게 설정되어 있어야 합니다. 비비코드 아이콘을 누르면 마지막 댓글 창에만 코드가 입력됩니다. 예를들어 글을 3개씩 보기로 설정하면 첫번째 글의 아이콘을 눌러도 3번째 글의 댓글창에 코드가 나타납니다.

 2. 자동으로 댓글 펼침 옵션이 반드시 설정되어 있어야 합니다. 댓글을 숨기게 설정되어 있을경우 비비코드 아이콘을 눌러도 동작하지 않습니다.

 3. 답글을 할때나 댓글수정할때 나오는 팝업창에는 비비코드 아이콘이 없습니다. (코드 적용은 잘됩니다.) 답글창이나 수정창은 텍큐서버에 고정된 양식이 있어서 수정이 안되는것 같군요.

 

현재 이런 문제들이 있지만 오는 사람들이 마음껏 재량을 발휘하며 댓글을 쓸수 있다는 점에서 비비코드는 매우 달만한 가치가 있다고 생각합니다.

 그동안 비비코드 설치 간략화를 시도했는데 진도가 그야말로 지지부진해서 언제 될지 모릅니다. 스킨을 갈아보는김에 삽군 버전 비비코드를 추가해서 공개합니다.

 그럼이만.

텍큐닷컴 블로그에 태그구름을 추가했습니다.

 하는방법 알아내려고 블로그들 무진장 뒤졌습니다. 

몇번 실패를 거듭한후에 겨우 성공했네요.

 생각보다 힘들었어요.

 기념으로 인증샷 한컷

 관련 포스트 링크들.

http://miya.textcube.com/37

http://daebaeg.tistory.com/100

http://ghjuy.textcube.com/105

http://kkamtube.textcube.com/4

http://kkamtube.textcube.com/63

ps. 혹시 자신의 텍스트큐브닷컴 블로그에 태그구름위젯을 달고 싶은 분들을 위해 방법을 적어 놓습니다.

1. 일단 아래의 링크에서 태그 클라우드 파일을 받습니다.

http://daebaeg.tistory.com/100

TiCumulus.zip 파일을 받아서 압축을 풀면 파일 2개가 나옵니다.

2. 블로그에 비밀글을 하나 쓰고 첨부파일로 파일 2개를 올립니다.

 swfobject.js

 tagcloud.swf

첨부파일로 올리면 tagcloud.swf 파일은 비밀글에 플래시이미지로 나옵니다.

3. 올린 파일의 주소를 알아냅니다. 자세한 내용은 아래의 링크를 참고하세요.

http://kkamtube.textcube.com/63

읽어보시면 알겠지만 swfobject.js 파일은 마우스 오른쪽 클릭으로 주소를 알수 있습니다. tagcloud.swf 파일은 파일명이 변합니다. 글의여백에서 오른쪽 버튼 누르고 소스를 열어야 주소를 알수 있습니다. 주소를 알았으면 메모장에 꼭 복사해 놓습니다. 텍큐닷컴의 첨부파일주소는 이런식입니다.

 http://블로그주소/글숫자/attach/swfobject.js

 http://블로그 주소/본문주소/attach/변경된파일명.swf

4. 내 블로그 관리하기->꾸미기->스킨편집으로 갑니다.

관련포스트는 여기입니다.

http://miya.textcube.com/37

 스킨편집으로 들어가서 사이드 바 관련 내용이 있는 곳을 찾습니다.

아래처럼 써있는 장소가 사이드바가 있는 곳입니다.

</s_sidebar_element> <s_sidebar_element> <!-- 공지사항 위젯 --> <div class="part notice"> <h3>공지</h3> <ul class="box"> <s_rct_notice_rep> <li><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a> </li> </s_rct_notice_rep> </ul> </div> </s_sidebar_element> <s_sidebar_element> <!-- 카테고리 위젯 --> <div class="part category"> <h3>분류</h3> <div class="box">[##_category_##]</div> </div> </s_sidebar_element> <s_sidebar_element>

</s_sidebar_element>

이렇게 파란색으로 표시된곳 사이에 아래박스의 글을 복사해 붙여넣습니다.

<s_sidebar_element>

<s_sidebar_element> <!-- 태그목록 모듈 --> <div class="tagbox widget"> <div style="padding-left:1px;padding-right:1px;"><h3>태그 구름</h3> <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="swfobject.js파일 주소"></script> <script type="text/javascript"> var t = new SWFObject("tagcloud.swf파일 주소", "tagcloud", "100%", "200", "7", "#FFFFFF"); t.addVariable("tcolor", "0x222222");t.addVariable("hicolor", "0x3C5A91");t.addVariable("tcolor2", "0xF0E68C"); t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always"); t.addVariable("tagcloud", document.getElementById('htags').innerHTML.replace(/&amp;/gi, ' ').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> </div> </s_sidebar_element>

 

그리고 "swfobject.js파일 주소" "agcloud.swf파일 주소" 부분을 앞에서 비밀글에 첨부파일로 올린 2개파일의 주소로 수정합니다.이제 거의 끝났습니다. 스킨을 저장합니다.

5. 내블로그 관리하기->꾸미기->위젯으로 갑니다.

위젯추가를 보면 "태그목록 모듈"이 생겨있습니다. 자신이 원하는 위치로 드래그해 옮기고 저장합니다. 여기까지 다하셨다면 사이드 바에 태그구름이 추가 되었을 겁니다.  관련포스트는 아래입니다.

http://kkamtube.textcube.com/4

 조금 복잡해보이긴 하지만, 우리모두 태그구름을 달아봅시다. 하악하악.

 그럼이만.

ps2. 여기까지 다끝내고 나서 충격적인 내용의 아래 포스트 발견

Cumulus for Textcube.com 1.23

1. 파일 설치

아래 파일을 다운받아 압축을 풀면 j_swfobject.gif, j_TeCumulus.gif, s_tagcloud.gif의 3개의 파일이 나온다.
이  세 파일을 스킨 직접올리기 기능을 이용해서 올린다.

 TeCumulus_v123.zip

 

텍큐닷컴용이  있었던거냐!

고로 앞에 설명한거 싹잊으시고 그냥 저 태그구름을 받으시는게 좋을듯.

난..... 삽(질)난무군이니까 괜찮아...........