在Blogger中顯示簡易的程式碼區

2010-05-13
第一步請先把以下的 CSS 貼入<head>...</head>之間
CODE  {
  display: block; /* fixes a strange ie margin bug */
  font: 9pt/1.5em Courier New;
  overflow:auto;
  background: #f0f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtSSrbzcLdxB4rPsdrhX02lCrvd6ZZkLmOMgikXyG7cNp6IZr6aCxWtPBJKs4IJcsGUaCBFlKdV-pCtNsYUR7ANfyFcKJI_hntuKYNuy6np5rFhXIzJkkiNBxQ8uHqP2KICg3rQDQLDLs/) left top repeat-y;
  padding: 10px 10px 10px 21px;
}

第二步,就是未來在PO文時(修改HTML),在你需要插入code的同時,你就照以下的方式輸入~
<code> .wrapper{
margin: 0px;
padding: 0px;
}</code>

最後就會出現如下圖的樣子囉,很簡單吧!
.wrapper{
margin: 0px;
padding: 0px;
}

沒有留言 :

張貼留言

Related Posts Plugin for WordPress, Blogger...