> ガジェット >
コードをハイライトする「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شركة نقل اثاث بالرياض
ReplyDeleteشركة نقل عفش بالدمام
شركة نقل عفش بالطائف
شركة نقل عفش بمكة
شركة نقل عفش بينبع
شركة المتحدة
ReplyDeleteدليل شركات نقل العفش
شركة نقل اثاث بالمدينة المنورة
شركة نقل اثاث بالرياض
شركة نقل اثاث بجدة