티스토리 툴바


로그인한 상태에서 구글에 접속하면 iGoogle로 연결해서 귀찮다.

이를 비활성하기 위해서 좌측하단에 있는 Classic Home 링크를 클릭하면 된다.

Reference:
https://groups.google.com/a/googleproductforums.com/forum/#!category-topic/websearch/igoogle-personal-homepage/S9wR9b3icpc

Posted by izeye



2월 1일까지 등록 시 50% 할인이라고 하니 서두르시길 ㅎㅎ

References:
http://jco.zdnet.co.kr/12th/default.asp
http://jcoorkr.tistory.com/

Posted by izeye

티스토리에 Syntax Highlighting 기능을 추가하기 위해 SyntaxHighlighter를 사용할 수 있다.

SyntaxHighlighter는 다음에서 다운로드 받을 수 있다.

http://alexgorbatchev.com/SyntaxHighlighter/download/

티스토리에 SyntaxHighlighter 설치 및 설정은 다음과 같이 할 수 있다.

관리자 -> 꾸미기 -> HTML/CSS 편집 -> 파일업로드

다운로드 받아 압축을 푼 다음 scripts 폴더 및 styles 폴더에 있는 모든 파일을 업로드한다.

관리자 -> 꾸미기 -> HTML/CSS 편집 -> HTML/CSS

</head> 태그 앞에 다음을 추가한다.

<!-- Include required JS files -->
<script type="text/javascript" src="./images/shCore.js"></script>
 
<!--
    At least one brush, here we choose JS. You need to include a brush for every
    language you want to highlight
-->
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
 
<!-- Include *at least* the core style and default theme -->
<link href="./images/shCore.css" rel="stylesheet" type="text/css" />
<link href="./images/shThemeDefault.css" rel="stylesheet" type="text/css" />

</body> 태그 앞에 다음을 추가한다.

<!-- Finally, to actually run the highlighter, you need to include this JS on your page -->
<script type="text/javascript">
     SyntaxHighlighter.all()
</script>

Syntax Highlighting을 원하는 코드를 다음과 같이 <pre> 태그로 감싼다.

<!-- You also need to add some content to highlight, but that is covered elsewhere. -->
<pre class="brush: js">
function foo()
{
}
</pre>

예제는 자바스크립트만을 대상으로 작성한 설정이다.

원하는 언어에 따라 shBrushXxxx.js를 추가하고,

<pre> 태그의 class를 brush: xxxx로 설정하면 된다.

<pre> 태그가 아닌 <script> 태그를 활용하는 방법도 있다.

<pre> 태그의 경우 <를 &lt;로 변경해야 함에 유의한다.

References:
http://gyuha.tistory.com/193
http://gyuha.tistory.com/405
http://techbook.tistory.com/entry/tistory-highlight
http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html

Posted by izeye