在Blogger上貼程式碼的線上轉換工具

要在網頁上顯示程式碼，必須搭配以下 HTML 元素來編寫網頁內容：

1. 使用code元素，來表示程式的原始碼
2. 使用pre元素，來使code中的空白、換行，可以依照輸入的狀態來顯示

但是要自己在線上編輯器中編寫這些HTML碼，是有一些麻煩的，通常還需要再加個外框把這些程式碼框起來，還是找個轉換工具來用會比較方便些！

Format My Source Code for Blogging這個網站提供線上轉換的功能，方便又好用。

使用的方法很簡單：

1. 複製要進行HTML格式轉換的程式碼，貼到如上圖的上放區塊中。
2. 按在『Format Text』進行轉換。
3. 複製下方區塊轉換完成的HTML內容，貼到線上編輯器。

試試看吧！