Google blog怎么添加代码段？修改google blog主题来添加代码段。

 https://codedouzi.blogspot.com/2017/10/blogger.html

备份记录一下，免得我以后走丢了。

顺便一提，以后也可以直接复制粘贴代码段框来实现这个效果，不用每次都进行第三步。

1. 在“主题背景” --> “修改HTML” --> </head>之前加上如下代码；

<script src="//google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

2. 在“主题背景” --> “自定义” --> “高级” --> “添加CSS” --> 添加如下代码；

.post .code { 
  display: block; /* fixes a strange ie margin bug */
  font-family: Courier New; 
  font-size: 10pt; 
  overflow:auto; 
  background: #f0f0f0 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAASwCAYAAAAt7rCDAAAABHNCSVQICAgIfAhkiAAAAQJJREFUeJzt0kEKhDAMBdA4zFmbM+W0upqFOhXrDILwsimFR5pfMrXW5jhZr7PwRlxVX8//jNHrGhExjXzdu9c5IiIz+7iqVmB7Hwp4OMa2nhhwN/PRGEMBh3Zjt6KfpzPztxW9MSAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzB8HS+J9kUTvzEDMwAAAABJRU5ErkJggg==) left top repeat-y;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 21px;
  max-height:200px;
  line-height: 1.2em;
}

3. 最后在HTML编辑模式下添加自己的代码，使用下面的格式；

<pre class="code prettyprint">
貼上想要顯示程式代碼
</pre>

另外要显示html的代码加上“<xmp> <\xmp>”标签就可以了，不是做前端的，只知道这个可以使用；
然后就可以开心的贴代码了。