Wednesday, April 20, 2011

在Blogger上顯示XML Code的方法

1. 修改Blogger的設計
「設計」->「修改HTML」,然後點選「展開小裝置範本」


2. 找到「]]></b:skin>」,把以下這段code,安插到「]]></b:skin>」前面,然後「儲存範本」。
code {
background:url("http://i39.tinypic.com/a47lat.jpg") repeat scroll left top #FFFFFF;
border:1px solid #99CC66;
color:#666666;
display:block;
font:100%/17px 'Courier New',Fixed,monospace;
margin:1em 0;
overflow:auto;
padding:0 20px 0 30px;
text-align:left;
}


3. 連到http://centricle.com/tools/html-entities/

4. 把準備要post的code做encode。

5. 在post文章時,把encode好的的code放在<code>這邊</code>。

Reference:
==
http://bloggerhowtotips.blogspot.com/2010/05/how-to-display-xml-code-as-plain-text.html
http://www.fryan0911.com/2009/04/how-to-post-xml-or-html-code-on-blogger.html

No comments:

Post a Comment