구글 블로그에서 코드 나오게 하는법

간단하게 구글 블로그에서 코드를 형식에 맞게 올리는 방법을 소개하겠습니다.

1. 자신의 블로그에 들어가셔서 왼쪽상단 디자인 클릭해 주세요.

2. 왼쪽 카데고리중 템블릿을 클릭 해주세요.

3. html 편집기를 클릭해주세요.

4. head 태크와 body 태크 사이에 아래 그림과 같이 스크립트를 입력해주세요.

<!-- SyntaxHighlight setting -->

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>

<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>

<script type='text/javascript'>

     SyntaxHighlighter.all()

</script>

<!-- SyntaxHighlight end -->

   필요한 언어에따라서 아래 링크를 따라가시면 언어맞는 브러쉬들을 제공합니다.

   http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

5.여기까지로 설정이 완료 되었습니다. 앞으로 글쓰실때 html로 작성해주시면 되겠습니다.

6.코드를 추가하실때 html 편집으로 들어가셔서 <pre class = "brush:xxx"> 코드 <pre> 로 감싸서 해주시면 됩니다.

<pre class="brush:java">

package tutorial;

import com.opensymphony.xwork2.ActionSupport;

public class HelloWorld extends ActionSupport {

  private String name;

  public String getName() {

    return name;

  }

  public void setName(String name) {

    this.name = name;

  }

  public String execute() {

    name = "Hello, " + name + "!"; 

    return SUCCESS;

  }

}

</pre>

7.결과

package tutorial;
import com.opensymphony.xwork2.ActionSupport;
public class HelloWorld extends ActionSupport {
  private String name;
  public String getName() {
    return name;
  }
  public void setName(String name) {
    this.name = name;
  }
  public String execute() {
    name = "Hello, " + name + "!"; 
    return SUCCESS;
  }
}