新浪博客代码框添加技巧

在新浪博客中，常看到代码未独立框显，导致阅读困难。如今问题已解决，特此分享设置方法，帮助更多博主提升代码展示效果，让内容更清晰易读，优化读者浏览体验，操作简单实用，值得推广应用。

1、 下载并运行CoolFormat工具，具体地址请自行搜索获取，打开后将代码粘贴至界面即可完成格式化操作。

2、 选择编程语言，点击快速格式化，然后高亮代码并发布到博客。

3、 将获得如下转换后的代码

4、 点击文件，选择另存为HTML格式

5、 可用Notepad++或浏览器打开文件，浏览器中右键选择查看网页源代码即可。

6、 重写并表述

7、 发布博客时，先勾选显示源码，再进行复制操作。

8、 取消勾选显示源代码即可查看效果

9、 进入最后关键步骤时，发现光标无法移出文本框。此时应重新勾选显示源代码，然后在页面最底部添加三组换行代码：</br></br></br>，即可实现文本框下方内容的正常输入与显示。