- 版面配置中建立一個 HTML/JavaScript 小工具
- 在工具的內容輸入
<style> .post .codeblock { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 10pt; overflow:auto; background: #f0f0f0 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAASwCAYAAAAt7rCDAAAABHNCSVQICAgIfAhkiAAAAQJJREFUeJzt0kEKhDAMBdA4zFmbM+W0upqFOhXrDILwsimFR5pfMrXW5jhZr7PwRlxVX8//jNHrGhExjXzdu9c5IiIz+7iqVmB7Hwp4OMa2nhhwN/PRGEMBh3Zjt6KfpzPztxW9MSAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzB8HS+J9kUTvzEDMwAAAABJRU5ErkJggg==) left top repeat-y; border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height:1000px; line-height: 1.2em; } </style> <script src="//google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
- 之後發表的文章中如要輸入程式碼,需先轉換到 HTML 模式,將所要呈現的程式碼放在 <pre class="codeblock prettyprint"> </pre> 之間。
- 如果要顯示的程式碼包含 < 及 > 時,先到這個網頁進入轉碼,再貼到文章裡,或者自己把 < 改成 <,> 改成 >。
2016-03-14
Blogger 加入程式碼區塊
參考網頁:http://pjchender.blogspot.tw/2015/03/blogger.html
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言
您好:
感謝您來訪這個小站,因為工作繁忙的關係,我並不會時常查看留言,所以可能會很晚才回覆,請見諒。