2009年9月12日

css:在文章中貼html語法

簡單步驟在blog文章中貼語法

.本文來源:「高登」的在Blogger文章中插入程式碼

1.在Blogger後台選擇〔版面配置〕→〔修改HTML〕,然後插入這一段CSS語法:(不知道要貼在哪的話,可以貼在 ]]></b:skin> 前面一行)

/* 貼程式碼 */
.post code {
background: #D5E4F7 url(http://lh4.ggpht.com/_0Csn9WL8eus/Sp-CdO1AQ9I/AAAAAAAAANc/0pCUTICCkg4/BG_CODE.gif) repeat-y;
  border: 1px solid #ccc;
  color: #000;
  display: block;
  margin: 5px 0 0 30px;
  overflow: auto;
  padding: 5px 10px 5px 21px;
  width: 85%;
}




2.這樣子以後要貼html語法,只要兩個步驟:
步驟一、在「HTML Encoder」這個網頁將你的程式碼貼上,按下〔Encode〕按鈕,就可以在下方看到已經將語法中的「<」和「>」都轉過,複製起來就可以用了。
 HTML Encoder


步驟二、貼上語法:用<code> </code>包住即可
                ex.  <code> ]]></b:skin>  </code>

沒有留言:

張貼留言

.利用下列按鈕收藏這篇文章:

Share/Save/Bookmark