在blogger文章显示添加程式码区

什么时候会用到这个功能吶?

如果你想做个部落教学就一定会需要它=]

因为有时候部落格会使你所发出的代码变的不完整...

首先Design --> Edit HTMl  -->CTRL+F找到以下代码

body {

然后在body { 之前添加以下代码

code { display: block;</p></div><div style="text-align: center;"><p><code>font-family: 'Courier New';</code></p></div><div style="text-align: center;"><p><code>font-size: 9pt;</code></p></div><div style="text-align: center;"><p><code>overflow: auto;</code></p></div><div style="text-align: center;"><p><code>border: 1px solid #ccc;</code></p></div><div style="text-align: center;"><p><code>padding: 10px 10px 10px 21px;</code></p></div><div style="text-align: center;"><p><code>max-height: 180px;</code></p></div><div style="text-align: center;"><p><code>line-height: 1.2em;</code></p></div><div style="text-align: center;"><p><code>letter-spacing: 0px;</code></p></div><div style="text-align: center;"><p><code>color: #000;</code></p></div><div style="text-align: center;"><p><code>background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vYduGFLgAOnFu_OGGl9EZGi1c8lq0ivDMVRSlxIAPmRYDEvDXjH8666K9DLVsjM0rYwxnORqiptm7KOfPfSGd2IxnJAaiCDczo2Q8Q3p-GiuaELd2azpkVvqvo6alAgD_2HVu0I2PA/) left top repeat-y;}




Example:

在发布文章时候分别要在程式码的前后添加以下代码(看图)

Example:

程式码区的模板
Example:

别忘记点击广告哦=]