레이블이 블로그인 게시물을 표시합니다. 모든 게시물 표시
레이블이 블로그인 게시물을 표시합니다. 모든 게시물 표시

2010년 11월 30일 화요일

JW Player 3.1c 재업데이트

그동안 JWPlayer가 5.3으로 업데이트되었다.
플래쉬와 더불어 HTML5를 지원하는 등 많은 변화가 있었다.

설치는 아래 파일을 다운받아 압축을 푼 뒤에 스킨 업로드를 통해 업로드 하고 나서,


스킨의 <body> 영역 맨 위에 아래의 코드를 삽입하면 된다.

<script type="text/javascript" src="http://블로그 이미지 주소/j_FLVPDF.gif"></script>
<script type="text/javascript">
//<![CDATA[
  FLVPDFHelper.all(
    1,
    1,
    680, 500,
    "http://블로그 이미지 주소/s_player.gif");
//]]>
</script>

덧1. 주의할 점이 하나 있다… 기존 버전에 비해 로고 기능이 빠졌다.
그래서, 8행 다음줄에 있었던 로고 파일 지정이 없어졌다. OTL

덧2. 물론, 기존에 있었던 외부 mp4 파일 재생 기능, 구글닥스를 이용한 PDF/PPT 임베딩 기능 등은 그대로다.

덧3. js 파일은 이전 버전에서 변하지 않았다. 변한 것은 플레이어 코어뿐.

2010년 5월 10일 월요일

죽을 때가 되어가는 텍큐닷컴의 "트랙백 추천"의 압박

이젠 죽을 날만 기다리는 텍큐닷컴의 기능 중에 트랙백 추천이 있다.
나름 연관 있는 글들을 찾아 트랙백을 추천하는 기능인데...

지금까지도 무관한 글을 추천한다는 얘기가 많았지만, 이젠 아주 스팸 추천 모드다...

아... 짜증나... 어서 갈아타긴 해야겠는데... 어디로 가냐? ㅠ.ㅠ

화면 그득한 스팸들의 압박...


2010년 4월 13일 화요일

텍스트큐브닷컴은 아직도 2009년?

이제 2010도 1/4이 넘게 지난 4월 중순이다.
해가 바뀌면 당연히 각 인터넷 홈페이지의 저작권 문구도 함께 바뀐다.

이렇게...

구글 독일, (c)2010 어쩌구 저쩌구...


하지만, 텍스트큐브닷컴... 여전히 (c)2007-2009를 이어오고 있다.
정말 얘들이 구글 코리아 소속인지가 의심스러울 지경이다...

(c) 2007-2009... 심하지 않냐?


하긴... 구글 코리아가 구글인지도 모르겠지만...

2010년 1월 20일 수요일

BBCode for 텍큐닷컴 3.3 업데이트

가급적 BBCode는 업데이트를 그만하려고 했지만, 사용자의 요청은 언제나 그냥 넘어가지 않는다.
게시판을 통해 Choco2080님께서 spoiler 태그를 추가해달라는 요청을 하셨다.

클라이언트에서 동작하는 특성상 spoiler 태그가 큰 의미가 없을 수도 있지만, 그래도 추가했다.
사용법은 간단하다.

[spoiler]스포일러[/spoiler]

이렇게 사용하면 아래와 같은 모습을 볼 수 있다.


아래 파일을 다운받아 설치하면 되며, 자세한 설치법은 BBCode for 텍큐닷컴 3.2 대공개를 참고하면 된다.


덧. 도우미는 거의 바뀐 점이 없다.

바뀐 것은 버전번호뿐...



2009년 12월 20일 일요일

텍큐닷컴 용 Syntax Highlighter 2.0 버그 패치

텍큐닷컴에서는 Syntax Highlighter를 지원한다.
비록 업데이트도 늦고(이건 뭐 파일만 바꿔치면 되는 건데... 쩝...) 한계도 좀 있지만, 고무적인 것은 사실이다.

이 기능을 사용하려면 환결설정-글쓰기에서 아래와 같이 체크만 하면 된다.

근데 웬 Code Highlighter? 정식 명칭은 Syntax Highlighter란 말이다!


하지만, 이 기능은 버그가 하나 있는데, Copy to clipboard를 클릭한 뒤 붙이면 앞에 &nbsp;가 붙는 버그이다.

이 버그를 해결하려면 다음과 같이 하면 된다.


1. 관련 파일 설치

아래 파일을 다운받아 압축을 풀어 스킨 올리기를 통해 업로드한다.




2. 스킨 수정

스킨 제일 마지막 부분에 있는 </body> 앞에 아래와 같이 적는다.
이 때 추가적으로 사용하고 싶은 브러쉬(언어) 파일이 있으면 함께 적으면 된다.

<script type="text/javascript" src="http://(블로그 이미지 주소)/j_shCore.gif"></script>
<script type="text/javascript" src="http://(블로그 이미지 주소)/j_shBrushMsx.gif"></script>
</body>


이렇게 수정하면 아래와 같이 제대로 동작하는 모습을 볼 수 있다.


이렇게 동작하는 원리는 간단하다.
SH의 앞부분은 아래와 같다.

if (!window.SyntaxHighlighter) var SyntaxHighlighter = function() {


이 코드를 통해 SH는 여러번 정의되면 그 중 제일 앞에 있는 것만 사용되도록 되어있는데, 텍큐닷컴에서 제공하는 shCore.js보다 먼저 버그가 수정된 j_shCore.gif[footnote]확장자는 .gif이지만, 실제로는 .js 파일임[/footnote]를 등록시키는 것이다.

텍스트큐브닷컴에 "트워터로 글 보내기"를 지원하라!

텍큐닷컴은 글 보내기 기능에서 트랙백, 다음뷰, 미투데이 등으로 글을 보낼 수 있다.


그런데, 꼭 있을 것이라 생각했던 트위터로 글 보내기없더라.

요즘 블로그 세상에서 트위터로 글을 보내는 기능이 없다는 것이 이해가 가지 않는다.
아마도 계획은 있지만, 여러모로 바쁘기 때문에 아닐까하고 생각하고 싶다.

반드시 (당연히 지원해야 하는) 트위터로 글 보내기를 꼭 지원해주면 좋겠다.
트위터로 글 보내기를 지원하라!!!

2009년 12월 19일 토요일

텍큐닷컴은 Syntax Highlighter을 개선하라!

텍큐닷컴이 티스토리에 비해 장점으로 내세웠지만, 의외로 단점이 될 수 있는 것이 바로 Syntax Highlighter(이하 SH)이다.

이 SH는 텍큐닷컴 자체에서 지원해주기 때문에 일단 코드의 입력이 너무 쉽다는 장점이 있다.

원래는 SH을 사용하려면
<pre class="brush:html">
  HTML코드
</pre>

또는
<script type="syntaxhighlighter" class="brush:html"><![CDATA[
  HTML코드
]]></script>

와 같이 장광설을 늘어놓아야 했으며, 그것도 HTML 편집 모드에서 해야 하기 때문에 눈 빠지는 경험을 했어야 했다.

하지만, 텍큐닷컴에서는
[ code html]
  HTML코드
[ /code]

와 같이 간단하게 사용할 수 있다.
(위의 예에서 [ code], [ /code]는 실제로는 공백이 없도록 적어야 함)


하지만, 텍큐닷컴 측의 무관심 덕분에 다른 단점들이 대폭 부각되고 있다.
지금까지 식별된 다섯 가지 단점들을 정리했다.


1. 버그

SH의 버튼 중에 "copy to clipboard"가 있다. 글자 그대로 코드를 클립보드로 보내는 버튼이다.
그런데, 이 버튼을 클릭하면 아래 캡쳐화면처럼 &nbsp;가 잔뜩 달라붙는 문제가 발생한다.


이 문제는 SH의 버그는 아니고, SH와 텍큐닷컴 사이에 발생하는 일종의 충돌이다.
(SH 홈페이지에서는 이 문제가 발생하지 않음)
즉, 이 문제는 텍큐닷컴 측에서 수정을 해줘야 한다. 하지만, 이 문제를 아는지 모르는지 그것조차 알 수 없다.

원래 이 SH를 티스토리용으로 공개할 때는 이 버그를 패치한 상태로 공개했지만, 텍큐닷컴으로 온 지금은 방법이 없다. ㅡ.ㅡ;



2. 버전 업

현재 SH 홈페이지에서 공식적으로 배포하는 버전은 2.1.364로, 2009년 10월에 발표되었다.
하지만, 텍큐닷컴에서 지원하는 버전은 2.0.320으로 이건 5월에 발표된 것이다.
일부 버그도 패치되었고, 새로운 기능도 있는데 왜 버전업을 하지 않는지 이해가 안간다.

추가된 기능 중에는 <pre> 태그 대신 <script> 태그를 사용할 수 있는 기능도 있는데, 이 기능을 사용하면 처음 페이지가 로딩될 때 <pre> 태그의 코드를 보여주지 않아 조금 더 깔끔한 출력을 보여줄 수 있다.



3. highlight 기능 지원

SH의 강점 중 하나가 원하는 행을 강조하는 기능이다.
아래와 같이 적으면 1,2,4 행을 강조해서 보여준다.

<pre class="brush:html;highlight:[1,2,4]">
  HTML코드
</pre>


하지만, 이런 기능을 지원하지 않는다.

[ code html(1,2,3)]
  HTML코드
[ /code]


이러한 형식으로 입력한 경우 괄호 안의 내용을 변환하도록 하면 좋을 것 같다.

(내용 추가: '09.12.20)

현재에도 아래와 같은 꼼수를 사용해서 highlight 기능이 사용이 가능하다.

[ code html;highlight:(1,4)]
  HTML코드1
  HTML코드2
  HTML코드3
  HTML코드4
[ /code]


가능은 하지만, 번거로운데다가 정규식의 꼼수를 사용하는 것이라 텍큐닷컴에서 깔끔하게 사용할 방법을 제공하면 좋겠다.



4. 추가 문법 지원

원래 SH의 강점 중 하나는 추가적으로 문법과 테마를 추가할 수 있는 점인데, 시스템에서 지원하는 과정에서 이런 자유도가 떨어졌다.
테마나 문법을 추가할 수 있는 방안을 제공해야 한다.



5. SH로 표현할 수 없는 표현 추가

[ code] ~ [ /code]로 코드를 묶기 때문에 [ code ]를 SH로 표현할 수 없다.
자기 자신을 표현할 수 있는 우회책을 마련해야 한다.
Syntax Highlighter가 Syntax를 표현할 수 없다니!!


BBCode for 텍큐닷컴 3.2 대공개

기존에 티스토리 용으로 개발해놓은 BBCode를 텍큐닷컴에 적용해서 많은 분들이 사용하고 계셨다.
하지만, 티스토리와 텍큐닷컴의 미묘한 차이가 반영되지 않았다거나 버그가 있는 등의 문제가 있었다.

사실, 텍큐닷컴에 적용한 지는 좀 되었는데, 그동안 개인 사정으로 이걸 포스팅하지 못했다.
(포스팅을 못한 이유 중 하나는 도우미를 만들지 못했다는 점도 있었다)

돌아온 도우미


아시는 분들은 다 아시는 프로그램이니 장광설은 이 쯤에서 접고 간단히 설치 방법과 적용 가능한 BBCode를 설명한다.


1. 설치#1: 파일 업로드

아래 파일을 다운받은 뒤 압축을 풀면 exe 파일 1개와 gif 파일 19개가 나온다.
이 중 19개의 gif 파일을 스킨 올리기에서 몽땅 올린다. (exe는 제외함!)




2. 설치#2: 스킨 수정


위의 #1에서 압축파일에 들어있는 exe 파일이 바로 도우미이다.
블로그의 스킨 편집 메뉴에서 스킨(skin.html) 전체를 복사한 뒤 도우미 창에 붙이고 BBCode 적용 버튼을 클릭하면 창에 붙인 스킨이 수정되는데, 이것을 다시 블로그 스킨에 덮어쓴다.

이 때 주의할 점은 프로그램 하단에 보이는 textcube.com 블로그의 이미지 경로를 지정해둬야 된다는 점이다.
이 경로를 지정하지 않으면 스킨 수정시 이 부분을 반영하지 않으며, 잘못 지정되면 (당연히) 동작하지 않는다.

이 부분을 유의해서 적어야 함. 여기선 의도적으로 앞뒤에 /를 붙였음. (잘못된 예임)




3. 적용 가능한 BBCode#1: 기본 BBCode

아래와 같은 BBCode는 (당연히) 기본적으로 지원한다.

[i]이탤릭[/i] : 이탤릭
[b]볼드[/b] : 볼드
[u]밑줄[/u] : 밑줄
[quote]인용문[/quote] : 인용문 (예제 생략)
[img]이미지 URL[/img] : 이미지 (예제 생략)
[url=http://qaos.com]QAOS[/url] : QAOS (링크)
[color=red]색깔[/color] : 색깔



4. 적용 가능한 BBCode#2: 확장 BBCode. 혹자는 BBCode plus라고도 부름

위의 기본 BBCode 외에 아래와 같은 확장 코드를 지원한다.

[ru]빨간 밑줄[/ru] : 빨간 밑줄
[bu]파란 밑줄[/bu] : 파란 밑줄
[rb]빨간 볼드[/rb] : 빨간 볼드
[bb]파란 볼드[/bb] : 파란 볼드
[red]빨간색[/red] : 빨간색
[blue]파란색[/blue] : 파란색
[ur=http://qaos.com]QAOS[/ur] : QAOS (링크) / 스팸필터 우회용#1
[link=http://qaos.com]QAOS[/link] : QAOS (링크) / 스팸필터 우회용#2
[c=red]색깔[/c] : 색깔
[q]인용문[/q] : 인용문 (예제 생략)
[embed=주소 (폭) (높이)] : 동영상 embed
  [embed=http://kr.youtube.com/watch?v=sxA2FZANE2o]
  [embed=http://kr.youtube.com/v/sxA2FZANE2o 500 300]
  ※ embed에서 폭과 높이는 생략 가능하며, 생략시 425x355로 자동 설정


5. 기타기능: 이모티콘 지원

티스토리에서 적용한 기능을 그대로 갖고온 것인데, 아래와 같은 이모티콘을 지원한다.
이모티콘으로서 쓰기 애매한 --;는 빼버리려다가 그냥 뒀다.

:) ;) :P 8D :( --; :D :O :x




덧. 티스토리 버전과 차이 나는 부분은 다음과 같다: 치환자 지원 코드 삭제(\# → #), urlencode 관련 버그 해결

2009년 12월 17일 목요일

Cumulus for Textcube.com 1.23

티스토리에서 텍큐닷컴으로 넘어옴에 따라 이 명품 플러그인을 텍큐닷컴 용으로 포팅했다.
포팅시 최신버전인 1.23으로 업데이트를 병행함.

기존 버전 이미지 재활용. 외형적으로 바뀐 건 없음.


1.23에서는 보안 Cross-Site Scripting (XSS) 취약점을 완전히 없애기 위해 구조를 일부 바꿨는데, 관련 포스팅은 읽지도 않고 냅다 덤볐다가 수정에 시간을 좀 낭비했다. 쩝.

설치 과정은 아래와 같다.


1. 파일 설치

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



2. 스킨 수정 #1

본문 최상단에 아래의 코드를 적는다.
<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>이다.

<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: 움직이는 속도

그리고, 블로그 절대주소는 http://와 마지막 /를 포함하는 주소이다. 본 블로그에서는 http://zoc.kr/을 사용한다.


덧. 설치 방법이 다소 바뀐 부분이 있어 설치방법을 새롭게 포스팅했다.
WP-Cumulus 1.23에서 내부적으로 바뀐 부분이 링크의 주소가 http://으로 시작하는 절대주소만 인식한다는 것이다.
이에 따라 절대 주소를 명시하도록 수정했다.

Cumulus는 진화중

몇달 전 WP-Cumulus가 1.23으로 업데이트 되었다.

이걸 적용하기 위해 다소의 삽질을 했고 결국 적용하도록 만들었다.
이 업데이트를 아직 포스팅도 못했는데, 지금 제작자인 Roy Tanck씨는 아예 진화를 꿈꾸시는 분위기다.

다름아닌 글꼴을 임베딩하지 않고 외부 글꼴을 불러오도록 수정하는 것.
기존의 Cumulus는 플래쉬 9를 기반으로 하기 때문에 글꼴을 임베딩할 수 밖에 없었고, 이에 따라 파일의 크기가 커지는 문제와 함께 (글꼴을 임베딩하기 때문에) 별도로 플래쉬 소스를 컴파일해줘야 하는 번거로움이 있었다.

이렇게나 다양한 나라글들의 지원이라니!


하지만, 다음 버전에서는 플래쉬 10을 기반으로 하여 이런 번거로움이 없도록 공개될 모양이다.
벌써부터 기대가 된다!!!


덧. 티스토리에서 텍큐닷컴으로 이사 온 이유가 몇 가지 있는데, 가장 큰 이유는 새관리의 치명적이나 수정해주지 않는 버그때문이었다.
결국 기존관리+Flash9를 사용하기 위해 억지로 Flash 업데이트를 막았다.
하지만, 텍큐닷컴은 Flash10 환경에서 그런 버그 없이, 내가 딱 원하는 스타일로 편집을 하게 해주는 것이다.

새 버전의 Cumulus를 보니 (Flash10 때문에라도) 텍큐닷컴으로 넘어오기 잘 했다는 생각이 든다.

2009년 12월 12일 토요일

JW Player 도우미 3.1 버그패치 업데이트

IE를 제대로 지원하지 못하는 문제가 있어 몇 차례 업데이트 했는데, 지난번에 업데이트로 모든 문제를 해결했다고 생각했다.
그런데, IE에는 치명적인 문제가 있었다. <embed> 태그를 제대로 지원하지 못하는 것이다.

테스트 과정에서 IE는 로컬 환경에서만 확인을 했는데, 이놈의 IE는 <embed>를 로컬에서는 동작시키고, 온라인에서는 동작하지 않는 황당무계한 문제가 있는 것이다. (아놔~)

게다가 Google Docs VIewer를 이용하는 부분에서는 URL Encode를 한번 더 해줘야 동작하는 문제도 발견되었다.
(이 부분은 좀 이해가 안 가는 것이 예전에는 기존 코드로 잘 동작했다는 것이다. 아마 구글 내부적으로 뭔가를 바꾼 것 같다)

이러한 문제들을 해결한 버전을 공개한다.
이 버전은 IE8, FF3, 크롬4에서 정상적인 동작을 확인했다. (이번엔 확실하겠지?)

설치는 아래 파일을 다운받아 압축을 푼 뒤에 스킨 업로드를 통해 업로드하고 스킨을 수정하면 된다.


설치방법은 JW Player 도우미 3.0를 참조하면 되며, 정확한 사용법은 JW Player 도우미 2.2에 있는 링크를 읽으면 된다.

동작 화면은 아래와 같다.



텍스트큐브닷컴은 모바일 페이지를 지원하라!

티스토리의 모바일 버전 화면


티스토리와 텍큐닷컴은 근본도 비슷하고, 기능도 여러모로 비슷하다.
하지만, 세세하게 뜯어보면 지원되는 기능이 미묘하게 다른데, 그 중 가장 신경쓰이는 부분 중 하나가 모바일 환경 지원이다.

티스토리에서는 블로그주소뒤에 /m을 붙이면 모바일용 화면이 표시된다.
하지만, 무려 구글 코리아에서 운영하는 텍큐닷컴은 이에 해당하는 기능이 없다.

이제 아이폰이나 노키아 5800 등의 웹브라우징이 충실히 지원되는 모바일 환경이 점점 확산되고 있다.
게다가 구글은 안드로이드 환경을 하나씩 준비하고 있다.

이런 상황에서 구글 코리아의 텍큐닷컴이 모바일 환경을 대비하지 않는 것은 넌센스이다.

텍큐닷컴은 어서 빨리 모바일 페이지를 지원하라!

2009년 12월 6일 일요일

각주(footnote) 풍선말 도우미

티스토리에서 텍큐닷컴으로 옮길 때 가장 어이가 없던 것은 각주를 풍선도움말로 띄워주는 기능없다는 것이었다.
티스토리나 설치형 텍스트큐브에선 기본적으로 사용하는 기능인데, 이런 기능이 구현되어있지 않다니...

그래서 텍큐닷컴 용 각주 풍선말 도우미를 만들었다.
이 도우미를 사용하려면 아래의 절차를 따르면 된다.


1. 관련 파일 설치

언제나 그렇듯이... 아래 파일의 압축을 푼 뒤 스킨 업로드를 통해 업로드한다.



2. 스킨 수정

역시, 언제나 그렇듯이... 스킨을 수정한다.
아래의 코드를 <body> 다음에 추가한다.

<script type="text/javascript" src="(자기 블로그 이미지 주소)/j_footnote.gif"></script>
<script type="text/javascript">
  tcFootnoteHelper.all("(자기 블로그 이미지 주소, 마지막에 / 포함)");
</script>


여기서 특히 주의해야 할 점은 마지막에 /를 반드시 붙여야 한다는 것이다.
블로그 이미지의 주소는 보통 다음과 같은 형식이 된다.
(아래 예에서도 마지막에 /를 붙였다는 것에 유의하기 바람)

http://fs.textcube.com/blog/1/2345/skin/6/images/



3. 스타일 수정

일부 스킨에선 디자인을 깔끔하게 하기 위해 <li> 앞에 숫자가 아닌 불릿을 표시하는 경우가 있다.
각주에서는 무조건 숫자로 표시해야 되니, 아래와 같은 스타일을 style.css의 마지막에 지정한다.

.footnotes li
{
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 25px;
  padding-left: 0;
}


이 도우미를 적용하면 텍큐닷컴에서도 아래 그림과 같이 풍선도움말을 띄울 수 있다.


2009년 12월 2일 수요일

티스토리 → 텍큐닷컴 이전 준비 중간보고

이전을 결심한 뒤에 가장 먼저 추진한 것은 다름아닌 기존의 티스토리 블로그와 유사한 화면을 유지하도록 하는 것이었다.
이를 위해 추진되는 중간상황을 정리함.


1. 스킨

직접 iNove 스킨을 변환하려하다가 금방 포기했지만, popeye 님께서 이 지존급 스킨을 텍큐닷컴 용으로 변환해주셨더라. 다시 한 번 감사드린다.

참고로, popeye 님의 버전은 티스토리용과는 다르게 검색창, 하단 등을 모두 사이드바로 분리해서 관리한다.
즉, 디자인은 물론, 스킨 자체의 완성도 역시 ㅎㄷㄷ한 수준인 거다.

사용자 삽입 이미지


2. TeCumulus 플러그인 변환

명품 플러그인 Cumulus를 텍큐닷컴에서도 사용할 수 있도록 변환했다.
텍큐닷컴은 확장자가 js인 파일을 업로드할 수 없기 때문에 파일명을 j_cumulus.gif로 변경함.

사용자 삽입 이미지


3. 글목록/링크 드롭다운리스트 적용


별거 아니지만 역시 javascript를 사용하기 때문에 약간의 꼼수 사용.

사용자 삽입 이미지


4. BBCode & 입력 도우미

BBCode는 물론 적용했다. 이미 많은 분들께서 텍큐닷컴에 적용하셨기 때문에 전술한 확장자 js 외엔 별 문제 없었음.
단, 중간에 버그가 발견되어 패치하느라 약간의 시간 소요됨.

입력 도우미는 티스토리와 구조가 완전히 바뀌어 약간 애를 먹음.
너무 구조가 특이하게 변해 일반화하기 어렵다. 역시 도우미 쪽은 포스팅하기 곤란함. ㅠ.ㅠ

사용자 삽입 이미지


5. to-do jobs

아직 작업을 다 못한 것이 3가지다.
- 구글 검색창 달기
- JW Player 도우미
- 각주 풍선말 구현 (가능은 할까?)
- Syntax Highlighter 추가 문법

참, Syntax Highlighter는 텍큐닷컴에서 기본적으로 제공하기 때문에 작업할 필요가 없더라. ^^;


2009년 11월 21일 토요일

티스토리 → 텍큐닷컴 이사 고민 중...

이제 텍큐닷컴도 나름 안정화 단계인 것 같아 다시 솔솔 부활하는 텍큐닷컴 이사 여부 고민.

이사 가고 싶은 이유

1. 크롬에서 편집기가 잘 동작함.
    기능이 충분히 구현되지 않은 기존관리와 버그 투성이인 새관리 사이의 고민은 불필요

2. 파일 첨부가 상식적으로 동작함.
    확장자를 알아서 고치는 따위의 짓은 하지 않음

3. 티스톨은 여기서 정체된 듯함.
    새로운 기능이란 건 없고, 업뎃해도 기능 재배치가 전부이며, 새로운 플러그인은 커녕 이미 있는 것도 적용하지 않음.

4. 텍큐닷컴은 연관글이란 게 있어 관련글을 뒤지기 쉽게 되어있음.

5. 구글이다!
    못미더운 면도 있지만, 그래도 구글이라면 왠지...


그래도 꺼려지는 이유

1. 티스토리는 약간의 문제가 있어도 장/단점을 모두 파악하고 있음.

2. 텍큐닷컴은 mp3 첨부 불가.
    저작권이 시끄러운 이 시국에는 오히려 장점일 수도 있긴 하지만...

3. 각주 풍선도움말 구현 필요.
    뭐, 구현하면 되긴 하지만... 쩝.

4. .js 파일 첨부 불가.
    스킨 편집을 통한 기능 확장의 핵심은 .js인데, .js 첨부 불가.
    확장자를 바꾸는 삽질이 가능하지만 왠지...

5. 구글이 맞냐?
    솔까말, 구글 서비스 중에 가장 구글답지 않는 놈이다.

고민하다 보면 언제나 원위치...


2009년 10월 28일 수요일

블로그코리아. 사람 놀리냐?

블코의 사람 놀리기#1. 공개 또는 발행?

오늘 블로그코리아에 등록된 정보를 보니 아이디, 블로그 주소가 죄다 옛날 거였다.
일단 블로그 주소를 업데이트 하는데, 인증이 안 된다.

인증 페이지엔 인증 포스트를 공개 또는 발행하라고 되어있는데, 반드시 발행해야 인증이 되더라.
아마도 rss에서 글을 읽어오는 것 같은데, 공개만으론 rss에 글이 안 올라간다!


블코의 사람 놀리기#2. 아이디 변경이 그렇게도 싫으냐?

아이디를 바꾸려고 고객센터에서 아이디 변경 신청을 했다.
그런데, 인증메일이 안 오더라... 덕분에 로그인 불가...

할 수 없이 고객지원 메뉴에서 질문으로 올리려는데... 질문 올리기 버튼이 없다!
문의한 내용은 담당자가 24시간 이내에 답변해준다는데, 문의를 할 수가 없었다.

사용자 삽입 이미지

난 그저 질문을 하고 싶었을 뿐인 거다!


이게 우끼고 자빠라진 건 FireFox에서만 이 따위로 나온다는 거다.
내가 굳이 이거 할라고 IE 따위를 써야 된다는 거냐!!!

그만 좀 놀려라. 피곤하다!

2009년 10월 27일 화요일

블로그 백업/복원 중 발견한 티스토리 버그

티스토리 백업 xml 파일의 앞부분은 이렇게 생겼다.

<?xml version="1.0" encoding="utf-8" ?>
<blog type="tattertools/1.1" migrational="true">
<setting>
(이하생략)

여기서 migrational은 true 또는 false 값을 갖는데, 의미는 아래와 같다.

true: 이 백업파일을 복원하면 원래 있던 데이터를 삭제하지 않고 내용을 추가함
flase: 이 백업파일을 복원하면 원래의 데이터를 삭제하고 내용을 복원함

그런데, 블로그를 정리하는 과정에서 migrational 값이 true든, false든 언제나 원래의 데이터를 삭제하지 않는다는 것을 알았다.
그 결과...

사용자 삽입 이미지

같은 글이 3번이나... 이게 뭐니, 이게...


백업 복원시 migrational을 true로 하든, false로 하든, 언제나 원래의 데이터를 삭제하지 않는다.
따라서, 위 캡쳐와 같이 3번씩이나 데이터가 겹치는 현상도 발생할 수 있다.

티스토리는 제발... 기능 패치를 하지 않더라도... 버그부터 잡아주면 좋겠다.


2009년 10월 21일 수요일

티스토리 검색창에 구글 검색엔진을 맛깔나게 달자!

티스토리의 검색창을 업데이트 했단다. 속도를 향상시키기 위해 제목과 내용을 검색하지 않고, 제목만 검색하도록.
(이걸 업데이트라고 부르다니... 대단한 개념이다)

검색기능이 마음에 안 들면 안 쓰고 구글 맞춤 검색으로 대체하면 된다.

이미 티스토리 검색을 구글 맞춤 검색으로 대체하는 방법은 많이 알려져있다.
그 중 지존은 물론 도아님의 구글 맞춤검색(CSE) 활용하기(무려 총 10부작의 레퍼런스 급 포스트임)

이 포스트의 내용을 기본으로 하여 티스토리에만 딱 적용할 수 있는 방법을 설명한다.


1. 본문 폭 확인

검색 결과는 블로그 본문 자리에 표시된다.
검색 결과를 깔끔하게 표시할 수 있도록 블로그 본문의 폭을 확인한다.


2. 구글 맞춤검색 만들기

Google 맞춤검색 엔진에서 맞춤검색을 하나 만든다.
물론, 구글 계정은 있어야 하며, 기존에 만들어진 엔진을 사용해도 무방하다.

자신의 블로그만 검색하고, 불필요한 광고는 표시되지 않도록 설정한다.
우선은 아래 두 옵션을 지정한다.

- 내가 지정한 사이트만 검색합니다 (그리고, 자신 블로그의 주소를 입력)
- 표준형 - 무료이며 검색결과 페이지에 광고가 게재됩니다

사용자 삽입 이미지

http:// 는 생략, 광고는 만든 뒤에 제어판에서 제거 가능.



3. 구글 맞춤검색 코드 확인

사용하려는 검색엔진의 제어판으로 가서 코드 가져오기 메뉴를 선택한다.
호스팅 옵션을 3가지 중에 선택할 수 있는데, 이 중 iframe을 사용하여 내 웹사이트에서 결과 호스팅을 선택한다.

검색결과를 표시할 사이트의 URL을 블로그주소/search로 지정하고, 위치는 상단 및 하단으로 지정한다.

사용자 삽입 이미지

http://zoc.kr/search 에 주목


이 두 칸에 보여지는 코드를 티스토리 스킨의 적절한 위치에 삽입하면 된다.


4. 티스토리 스킨 삽입 #1: 검색창 코드 삽입


스킨에서 <s_search> ~ </s_search>를 찾는다.
보통 아래와 비슷하게 생겼다.

<s_search>
  <input type="text" id="s" name="[#\#_search_name_##]" value="[#\#_search_text_##]" onkeypress="if (event.keyCode == 13) { [#\#_search_onclick_submit_##] }" class="textfield"/>
  <input value="검색" id="searchsubmit" type="button" onclick="[#\#_search_onclick_submit_##]" class="switcher"/>
</s_search>

이 부분을 삭제하거나 주석처리하고 3번의 검색창 코드를 삽입한다.
위에서 보여준 코드를 삽입하면 아래와 비슷한 모양이 된다.

<!-- s_search><input type="text"> (중간생략) </s_search -->
<form action="http://zoc.kr/search" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="004973987472116625829:zhzclh3abgs" />
<input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="검색" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=ko"></script>


5. 티스토리 스킨 삽입 #2: 검색결과 코드 삽입


스킨에서 <s_list>를 찾는다.
보통 아래와 비슷하게 생겼다.

<s_list>
<div id="searchlog">
<div class="boxcaption"><h3 class="title">Search results for '[#\#_list_conform_##]'</h3></div>
(이하생략)

이 부분은 삭제하지 않고, <s_list> 아래에 3번의 검색결과 코드를 삽입한다.
위에서 보여준 코드를 삽입하면 아래와 비슷한 모양이 된다.

이 부분을 삭제해버리면 태그로 검색할 때 정상적으로 출력되지 않기 때문에 삭제하면 안된다.

<s_list>
<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 705;
var googleSearchDomain = "www.google.com";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
(이하는 원래 코드와 동일)
<div id="searchlog">

이 때 표시한 6행의 705 대신에 1번에서 적은 본문의 폭을 적으면 좀 더 깔끔한 결과를 볼 수 있다.

검색 화면은 아래와 같다.
물론, 검색어는 제임스 본드. ^^;

사용자 삽입 이미지

2009년 10월 19일 월요일

JW Player 도우미 2.2a 업뎃: 플레이어 업데이트

JW Player 도우미 2.2에서 JW Player만 업데이트함.

최근 JW Player가 4.5에서 4.6으로 업데이트 되었다. (업데이트 내역 보기)
이에 따라 JW Player만 업데이트함.


덧. FLVPDF.js 파일도 약간 수정되었는데, 기능 수정이나 버그 패치는 없는, 단순 코드 관리 목적의 수정임.

Cumulus for Tistory 1.22 버그패치 업데이트!

WP-Cumulus가 1.22로 업데이트되었다.
업데이트 된 지가 약 1달이 되었지만, 출장 중이라 이제야 한글 글꼴을 적용함.

사용자 삽입 이미지

뭐... 모양은 당연히 바뀐 게 없음


수정된 내용의 골자는 보안패치.
XSS 해킹을 이용해 php 파일을 해킹할 수 있는 보안 약점이 발견된 것을 해결했다고 한다.

뭐, 티스토리랑 별로 상관 있는 얘긴 아니지만, 그래도 패치하는 것이 나을 것 같아 수정.

설치는 아래의 파일을 사용하면 되며, 설치 방법은 Cumulus for Tistory 1.21a 업데이트를 참조하면 된다.

버그 패치를 포함한 약간의 수정을 가했는데, 아래의 수정 역시 위 업데이트에 포함됨.

1. Light TT 플러그인과 잘 융합되도록 투명도 파라미터 지정 (금봉이님 포스트 참조)
2. IE에서도 배경색을 정상적으로 인식하도록 약간 수정. (알고 보니 IE가 범인은 아님. IE의 innocent함을 믿음)

TiCumulus_v122.zip

역시, 엔터튤립9 글꼴 사용