여러가지 블로그를 가보면 항상 이쁘장 하게

태그,소스들을 알려주는 블로그가 있어요 !

예를들면 프로그래밍 식으루요

 

이런 것처럼 부럽지요 ....이쁘기도 하구요..

문법 별로 체크도 가능하고 이 얼마나 획기적입니까 ?!

그래서 이제 우리도 해보려구요 .

글 시작합니다.

구글에서 제공하고있는 SyntaxHighlighter 를 이용을 합시다. 일단 아래 링크를 클릭해서 위에 download 탭을 클릭하여 파일을 다운로드 합니다. http://code.google.com/p/syntaxhighlighter/

편의를 위해서 1.5버전 링크 겁니다. 다운로드 누르시면 다운이 시작됩니다.

그 후 http://자기주소/admin 또는 관리자 또는 어드민 페이지로 이동 - 꾸미기 - HTML/CSS 편집 - 파일 업로드에 간뒤

추가 버튼으로 




원하시는 분들을 위해 파일 목록을 적어두었습니다.
목록은 이렇습니다.
이제  업로드를 해줍니다.



추가 버튼을 눌러 각각 폴더마다 들어간 뒤 파일을 업로드 합니다.

그 후 어드민 페이지 -꾸미기 - HTML/CSS 편집에 간 뒤에



헤드 태그가 끝나는 지점 바로 위에

을 입력해줍니다.

그다음 skin.html 가장 하단부쪽으로 가서, </body> _ 바디가 끝나는 부분 위 쪽에 다음과같은 스크립트를 추가시킵니다.

 



바디태그가 끝나는 바로 윗부분에

을 넣어줍니다.

이제 다되어가네요.

마지막으로 코드 사용법 입니다.

한가지의 언어만 된다면 정말 나쁜 소스겠지요 .그래서 설정법입니다. !

 사용을 위한 방법은
이 되겠습니다.

각 프로그래밍 코드는
위처럼 textarea라는 코드안에 소스를 넣어주면 표시가 됩니다.
여기서 name='code' 는 고정 코드이기떄문에 건드시면 안됩니다.
class='코드값' 코드값에 따라 모양이 변할 수 있으니 명심하시기 바랍니다. 상황에 맞게 수정하여 사용하시면 됩니다.
지원 언어와 코드는 아래와 같습니다.

Language Aliases
C++ cppcc++
C# c#c-sharpcsharp
CSS css
Delphi delphipascal
Java java
Java Script jsjscriptjavascript
PHP php
Python pypython
Ruby rbrubyrailsror
Sql sql
VB vbvb.net
XML/HTML xmlhtmlxhtmlxslt

결과값



 


+ Recent posts