OolongJazz-543

Blogger放置code標籤

首先要感謝在google搜尋出來的這位發表者:
http://bglis.blogspot.com/2008/09/bloggercode.html

1.在右上角 "自訂" -> "修改 HTML" ->"下載完整範本" 下載後 先將此檔備份(可將檔名再加.bak備份)。






2.在下載下來的範本打開利用筆記本搜尋"</head>"，將下面的code內容複製到"]]></b:skin></head>"的上方位置，那是放置CSS位置。

/* CSS for Code Block in content */
code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 10pt;
overflow:auto;
background: #DDDDDD url(http://chenkaie.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 5px 0 15px;
}

3.將修改好的內容存檔並上載，之後如果再Blooger發表文章只要在 "修改 Html" 內<code>與</code>之間 輸入你想要放的code即可。

4.出處文Referrence: 將以下code 放入範本中即可，發表文章 也是在 "修改 Html" 內 <code class="ref">與</code>之間 輸入你想要放的code即可。

/* CSS for Referrence Block in content */
code.ref{
display: block; /* fixes a strange ie margin bug */
background: #DDDDDD url(http://chenkaie.googlepages.com/Code_REF.gif) left top repeat-y;
border: 1px dashed #333;
padding: 10px 5px 10px 20px;
margin: 5px 0 0 15px;
font-size: 13px;
font: Courier New;
line-height: 1.6em;
}