구글 블로거는 의외로 이런부분이 쉽게 사용할 수 있게 되어 있질 않다.
버튼하나로 처리할 수 있게 돼 있으면 좋을텐데
구글은 기술회사라서 그런지… 기획력이 상당히 약하다.
설정이 좀 성가시다.
요즘 많이 사용하는 syntaxhilighter를 사용하도록 한다.
1. 첫번째로 http://alexgorbatchev.com/SyntaxHighlighter/ 접속
소스코드 다운로드
2. www.blogger.com/home 접속
그림 순서대로 클릭클릭 클릭
3. html태그의 </body>바로위에 다음 코드를 삽입한다.
<head>안쪽에 삽입해도 되는데 body안에 넣는게 요즘의 트렌드. 고수의 길
1 2 3 4 5 6 |
<!-- 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="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js"></script><!-- Include *at least* the core style and default theme --> <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" /> <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script><script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shLegacy.js"></script><script type="text/javascript">// <![CDATA[ SyntaxHighlighter.all(); SyntaxHighlighter.config.stripBrs = true; SyntaxHighlighter.config.bloggerMode = true; // ]]></script> |
완료후 다음 코드를 html모드로 해서 넣으면
<pre class=”brush:java; smart-tabs:true”>
public static void main(String args[]){
System.out.println(“HelloVenus”);
}
</pre>
성공한 경우 다음과 같이 출력된다.
1 2 3 |
public static void main(String args[]){ System.out.println("HelloVenus"); } |
자신이 사용하는 언어의 brush가 적용되지 않는 경우에는 이 페이지를 참고해서 추가하면 된다.
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
1 |