技術提供:Blogger.

Site Links

和Google 博感情~~~
記錄和Google 相處的點點滴滴.....
Home » » 文章內放置程式碼

文章內放置程式碼

Written By 快樂靶心 on 2015年3月28日 星期六 | 上午11:03

做法很多, 目前我選用我可以處理的下方教學, 照著做
http://iplay99.tw/blogger-hack-code/

做法
1. 複製下方程式碼,

code { display: block; font-family: 'Courier New'; font-size: 9pt; overflow: auto; border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height: 1200px; line-height: 1.2em; letter-spacing: 0px; color: #000; background: #ccc ; }

(這裡設定有程式碼出現時的 CSS)



2.範本 -> 請先備份後
編輯 HTML

3. ctrl F 搜尋到 /b:skin
  將複製的css 貼到 /b:skin 之前

4. 使用時, 將需顯式的部份, <code>標籤框住即可
網頁上會呈現的樣式: (background 設定為 #ccc



SHARE

About 快樂靶心