Saturday, December 15, 2007

在Blogger內貼source code

寫到一些有關教學的內容時,少不免需要貼上一些source code,以便解譯當中的細節。
但之前試過很多方法,仍是不能把source code貼出來,最後只好放棄,就把source code製成jpg算了!

當然,這只是當時無記可施的低B方法,但是用過幾個唔同key words來search都找不到教人貼source code的教學,今日又再試一次,終於比我找到這個叫Format my Source Code for Blogging的blog。

這個Blog其實根本就是一個gen 貼source code script的平台,只要在最上方的box內輸入source code,設定好轉行格式後,再選字形大小,click "Format Text"就完成了!
這時在最下方可以即時看到embed source code的樣子,看到不滿意,還可以再改善一下,直至覺得Ok,才把"Copy the HTML below to your clipboard. Insert the HTML of your blog or wiki."下的那段html抄到blog的『修改Html』中。

至於"Embed Stylesheet"的選項,其實只是script有框和無框的分別,大家可以看看以下這個例子:

不選擇Embed Stylesheet
<b:widget id="Label1" locked="false" title="Labels" type="Label">

選擇Embed Stylesheet
<b:widget id="Label1" locked="false" title="Labels" type="Label">

2 comments:

  1. 您好!!我想請問您喔!!
    您工具列那邊有個,以電郵訂閱Marie's Blog
    這個MAIL個訂閱框式怎麼做出來的呢???
    可不可以教教我??謝謝您

    ReplyDelete
  2. 給一個比較方便的方法:
    http://notes.antonyho.net/2012/10/bloggercss.html

    不用每次都上format source code for my blogger。

    ReplyDelete

相關文章

Related Posts with Thumbnails