blogger文章中加入美美的框框

blogger文章常常可以看到許多用框框圈起來的文字，
文章看起來很簡潔又乾淨，又能讓段落分另，所以讓自已的blogger有這個功能，是必要學習的~

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 url(http://sandnfish.googlepages.com/Code_BG.gif) left top repeat-y;
}

2、接下來，只要在文章編碼時，使用 「修改HTML」模式下，使用下面紅色字將要被圈起的文字包起來即可。





參考自:http://iplay99.tw/blogger-hack-code/