> ガジェット >
コードをハイライトする「Code Prettify」ウィジェット
導入方法
下の「Add to Blogger」をクリックすると、「ページ要素を追加」画面が開きます。ウィジェットを追加するブログを選択して、タイトルは空欄のまま、「ウィジェットを追加」ボタンを押してください。手順はこれだけです。
利用方法
投稿内で、色分けの対象にしたいコードを
ということで、ぜひぜひご利用くださーい。
関連：
スポンサードリンク：
お願い：
久しぶりに、新しいウィジェットを作成してみました。
参考にしたのはこちらです。
- すぐに忘れる脳みそのためのメモ: Blogger でソースコードに色付けをする - google-code-prettify
- Learning Log Book: Bloggerでシンタックス・ハイライト
導入方法
下の「Add to Blogger」をクリックすると、「ページ要素を追加」画面が開きます。ウィジェットを追加するブログを選択して、タイトルは空欄のまま、「ウィジェットを追加」ボタンを押してください。手順はこれだけです。
利用方法
投稿内で、色分けの対象にしたいコードを
<pre class="prettyprint">
（コード）
</pre>
のように記述するだけ。（コード）
</pre>
< や > をコードとして表示したい場合には、それぞれ <、> に書き換えてください。面倒だという人は、下の変換ツールをどうぞ。変換したいコードを上のテキストエリアに入力し、「変換」ボタンを押すと、下のテキストエリアに変換された文字列が表示されます。
注意： JavaScript をオンにしてご利用下さい。
ということで、ぜひぜひご利用くださーい。
関連：
スポンサードリンク：
「この記事役に立った！」と思ったら、ぜひフィード登録をお願いします。 
ちょうど探していた機能なので助かりました。
ReplyDeleteそれと記事にリンクさせて頂いたんですが、
上手くいってなかったらゴメンナサイm(_ _)m
Bloggerデビューしたてで、とても困っていましたので、ウィジェットを使わせて頂きました。
ReplyDeleteありがとうございます。
あぁ！テンプレート変更の関係か、変換ツールが動かなくなっているような気がします(ﾉ_･｡)
ReplyDelete＞ すなふさん
ReplyDeleteほんとですね！また動くようにしたので、ご活用ください。ご報告ありがとうございます。
ありがとうございます！楽させて頂いてますｗ
ReplyDelete助かりました!!!ありがとうございます。
ReplyDelete参考にさせていただきました！
ReplyDeleteありがとうございました。利用させて頂きます。
ReplyDelete利用させて頂きます！便利！
ReplyDelete