【Blogger】ブログにHTMLやVBAのコードってどうやって表示するの?

2013年1月14日月曜日

basic HTML vba webサービス ブログ

t f B! P L
Tintin44 - Sylvain Masson / Foter / CC BY-NC-ND


すごく下らないことなんだけど、ブログにHTMLやVBAのコードってどうやって表示するの?
と疑問に思ってしまい、調べてみました。

hemtl


こういうのです。

BloggerにソースコードをハイライトするSyntaxHighlighterを導入する | DevAchieve によれば、SyntaxHighlighterというものを導入すれば、比較的カンタンにできるらしい。

Syntax Highlighter Scripts Generator ‹ Blogger Widgets | Tips | Tricks | Templates : Way2Blogging というところにアクセスして、ジェネレータで、まずはコードを取得します。

僕は、vbaとhtmlとcssとjavascriptを使うのでチェック。
たぶん、ちょっと戸惑うのは、文字の右側にチェックするところくらいと、いきない広告でfree Trialとあるので、有料?と思ってしまうところくらいでしょうか。

SyntaxHighlighterの設定

取得したコードを、Bloggerに貼り付けます。

SyntaxHighlighterの設定2

テンプレートからHTMLの編集をクリック。

SyntaxHighlighterの設定3
/headの下に貼り付けます。


これで基本設定はおしまい。
BloggerにソースコードをハイライトするSyntaxHighlighterを導入する | DevAchieve では、さらに見やすくするためのCSSの調整も書いてありますが、本日は時間ないので、とりあえずこのままで。

で、投稿するときには、以下のように書きます。
  

 htmlの場合:html
  VBAの場合:vb



以上です。

過去の記事

ラベル

アプリ (545) iPhone (485) mac (244) 買い物 (89) 番外 (87) ブログ (74) 書評 (68) 写真 (64) Blogger (63) 仕事 (55) webサービス (51) 生活 (50) todo (38) tips (36) rss (33) DVD (24) DraftPad (23) music (19) 外食 (14) 機種変更 (14) メール (13) ニュース (12) お出かけ (11) まとめ (11) アクセス解析 (11) HTML (9) ドラマ (8) vba (7) 絵本 (7) Excel (6) Textwell (6) web (4) libreoffice (3) twitter (3) 勉強 (3) basic (2) 素材 (2)

ブログを検索

QooQ