Bloggerにgoogle-code-prettifyを設定し、ブログ上のコードを見やすくします。
【手順１】
１．「Blogger」にログインします。
２．管理画面のメニューから「テンプレート」をクリック。
１．「HTMLの編集」をクリック。
１．「続行」をクリック。
１．4行目の<head>タグの下に以下の2行を追加。
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>
２．999行目の<body>タグにonload項目を追加。
（追加前）
<body expr:class='"loading" + data:blog.mobileClass'>↓
（追加後）
<body expr:class='"loading" + data:blog.mobileClass' onload='prettyPrint()'>
【手順５】
１．「テンプレートを保存」ボタンをクリック。
１．「ウィンドウ上の×」を押して閉じます。
【手順７】
１．以下の様なコードを入力し、色付けして表示されれば成功です。
<pre class="prettyprint">
public static void main(String[] args) {
</pre>
以上です。
0 件のコメント:
コメントを投稿
注: コメントを投稿できるのは、このブログのメンバーだけです。