如何在Blogger里的文章中插入代码

在写文章时，我们有时需要写入一些CSS、Scripts等代码，却其却不能象Word、Note等可以直接写入并显示出来。下面就把自己学到的做法与大家分享一下。
1、首先进入“布局”里的“修改 HTML”将备份好模板->“下载完整模板”（做修改HTML，最好是养成这个惯）。
2、增加下面的代码到 ]]></b:skin>
前面；并保存。

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

3、这样就OK了，再下次发带有代码的文章时，只需要将代码部分放到下面的代码中就可以了。



<div class="codeview">

Insert the Special code here

</div>





文章其它内容

相关文章：