搜尋此網誌

2011年4月17日 星期日

在 Blogger 貼程式碼

文章轉載於:KUO Blogger Code Block的方法,貼程式碼。

要分享或是轉錄程式碼,卻又苦無方法可以把程式碼貼到發表的文章中?
以下方法是網路上高手們寫給像點點這種不會程式的人使用的。



修改Blogger CSS
1. 一樣的打開Blogger的後台,選擇『設計』→『修改HTML』→勾選『展開小裝置範本』
2. 然後插入以下這段程式碼:

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://deathfly2992.myweb.hinet.net/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}


建議將 http://deathfly2992.myweb.hinet.net/Code_BG.gif 這張圖片上傳到自己的空間使用。
3. 這段程式碼,網路上的高手建議是放在『.post-body』的前面,建議說相關的放在一起,以後尋找起來會比較方便。
4. 再來就是『儲存範本』,就可以了。


發文

只要在發文的頁面中,把程式碼貼在〈code〉〈/code〉中間就可以了。

另外,還可能會碰到另外一個問題,程式碼貼在〈code〉〈/code〉中間都是空白的呢?
這時,就要請到『HTML Encoder』的網站,將您的程式碼貼上,按下『Encode』按鈕,就可以在下方看到已經將「<」和「>」都轉好了,複製起來就可以用了。

1 則留言:

網站解析度請使用1920x1080
Sitetag創用 CC 授權條款
連到我的抓火狐推薦頁!


Related Posts Plugin for WordPress, Blogger...
无觅相关文章插件,迅速提升网站流量