blogger貼文密技

從幾個地方學到一些好東西，雖然有在人家那邊留言感謝，但還是在這裡註記一下好了，順便給想學的人看看。

標明程式碼：
首先是Skyvee這篇在教學文章中,與眾不同你的程式碼，方法是先弄一張圖（建議配合自己blog變更型式，並存在自己空間比較保險），接著把下面這段程式碼插進blog定義CSS的地方（例如放在<b:skin><![CDATA[後面，/*前面）。

code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #ffffd6 url('圖檔位置') left top repeat-y;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 0 0 15px;
}
##CONTINUE##
接著在貼文時切換到html編輯，用<code>想要圈起來的文字</code>的方式來寫，就會變成這樣：

想要圈起來的文字

文字加底線：
RoyLee的來個不一樣的文字底線吧!!，方法是一樣的，還是先弄一張圖，把程式碼放進去即可。

line{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url('圖檔位置') repeat-x bottom
}

接著在貼文時切換到html編輯，用<line>想要加底線的文字</line>的方式來寫，就會變成這樣：

想要加底線的文字

上面的code跟line可以換成別的代號，想要花俏一點的話，設計line1、line2也沒人管你，隨你高興囉！

另外就是這篇善用及改造blogger 中的引用文字(blockquote)功能我也有改，因為是blogger內建功能，就不贅述了，改造方式自己看吧！

做出來的效果就是這樣。

是不是很好玩呢？可以讓你區分各種不同重點喔！

對了，上面程式碼裡的border、margin、padding之類的東西，可以隨你高興去改，看個人需要囉！