2) 資訊提供 URL 填入（紅色部份請自行修改）
最新文章：http://@red@xxx@/red@.blogspot.com/feeds/posts/default
最新回應：http://@red@xxx@/red@.blogspot.com/feeds/comments/full3) 儲存、收工！
2008年7月27日 星期日
在側邊欄顯示「最新文章」、「最新回應」
1) 進入「版面配置＼網頁元素」的畫面，在你喜歡的位置加上「資訊提供」
2) 資訊提供 URL 填入（紅色部份請自行修改）
3) 儲存、收工！
2) 資訊提供 URL 填入（紅色部份請自行修改）
3) 儲存、收工！
在文章中顯示html程式碼
1) 加上CSS
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
height:200px; // for IE6
line-height: 1.2em;
}
2) 在文章中將程式碼置於<code></code>區塊中即可，如：
以下為進階版，主要的作用是將程式碼放在<code>中，並用註解將程式碼包起來，來避免Browser拿Code去用，並將"<"、">"等字元自動更換，避免顯示程式碼時出問題
3) 把上面1)的程式碼放到xxx.css檔案裏，再上傳到網站上，以便於管理，以後換template時也不用再copy來copy去
4) 於<head>中加入以下兩行
5) 貼code的語法如下
6) 用@red@ @/red@包起來可以紅色顯示，效果如下
code {
display:block;
border:dashed 1px blue;
padding:10px;
margin:10px;
overflow-x:auto;
}
code ol li {
list-style-type:decimal;
border-bottom:dotted 1px grey;
}另一種styledisplay: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
height:200px; // for IE6
line-height: 1.2em;
}
2) 在文章中將程式碼置於<code></code>區塊中即可，如：
<code>這裏放程式碼</code>以下為進階版，主要的作用是將程式碼放在<code>中，並用註解將程式碼包起來，來避免Browser拿Code去用，並將"<"、">"等字元自動更換，避免顯示程式碼時出問題
3) 把上面1)的程式碼放到xxx.css檔案裏，再上傳到網站上，以便於管理，以後換template時也不用再copy來copy去
4) 於<head>中加入以下兩行
<link href='http://tycoon13.googlepages.com/tycoon13.css' rel='stylesheet' type='text/css'/>
<script src='http://tycoon13.googlepages.com/CodeDisplay.js' type='text/javascript'/>5) 貼code的語法如下
<code>
<!--
這裏放程式碼
-->
</code>6) 用@red@ @/red@包起來可以紅色顯示，效果如下
@red@紅色@/red@
訂閱：
文章 (Atom)