google-code-prettifyを設定する方法(GitHub)

【目的】
Bloggerにgoogle-code-prettifyを設定し、ブログ上のコードを見やすくします。
※google-code-prettifyプロジェクトがGitHubに移動したため、設定を変更します。



【準備】
１．『google-code-prettifyを設定する方法』の手順で『google-code-prettify』を一旦設定しておきます。



【手順１】
１．「Blogger」にログインします。
２．管理画面のメニューから「テンプレート」をクリック。

【手順２】
１．「HTMLの編集」をクリック。

【手順３】
１．【準備】追加した5,6行目を削除して以下の3行を追加。

    <link href='https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.css' rel='stylesheet' type='text/css'/>
    <script src='https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.js' type='text/javascript'/>
    <script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js' type='text/javascript'/>

【手順４】
１．「テンプレートを保存」ボタンをクリック。

【手順５】
１．以下の様なコードを入力し、色付けして表示されれば成功です。

<pre class="prettyprint">
    public static void main(String[] args) {
</pre>

以上です。