이글루에서 소스코드 넣기

이글루는 다 좋은데 소스코드를 이쁘게 보이기가 쉽지않다.
다른 블로그들은 syntaxhighlighter를 이용해서 이쁘게 보일수 잇는데
이글루는 그렇지 못해서 아쉽다.

찾아 보면 이글루에서 소스코드를 넣는방법이 여러가지 있지만
마땅히 좋은게 없어서 직접 CSS를 편집하기로했다.

위 처럼 스킨편집모드에서 전문가용 편집을 선택 > html/css 편집을 선택하여 붉은 상자와 같은 내용을 넣는다.
(본인이 원하는대로 조금씩 바꿔도 무방하다.)

.code{border-left:6px solid #666;margin-left:20px;padding:20px 0 20px 20px;}

저장을 하고 난뒤 글을 작성하다가 소스코드를 넣을때는 html입력 모드로 전환하고
<pre class="code">
코드 내용
</pre>
이런식으로 입력하면된다.

pre가 아니더라도 div나 span같은 태그와 사용해도 되지만 개인적으로 pre를 추천한다. ^^