csdn: 添加站内搜索框

Demo

起因

CSDN博客 对我来说是一个很重要的 Online Notebook，我日常会把每天新学到的东西都记录下来以方便将来查阅。

但是在使用的过程中，问题来了：当博客文章量越来越大的时候，单单通过 “专栏” 和 “分类” 去找文章那实在是太麻烦了。那么怎么办呢？

一开始我还用了自己以前记录的 Google检索技巧 中的 site: 指令来 限定网站 ，结果发现长此以往不是个办法。

解决方案

直到某天，我搜索某篇文章时，看到了某位小哥的博客网站首页时，惊讶地发现这货首页有站内搜索框，如图：

那我还能说什么好？果断 Ctrl + U 获（盗）取网页源码来看啊：

通过 Ctrl + F 关键字搜索，定位到了这一段html代码：

然后根据我的需求改了一下：

<form method="get" action="http://www.google.com/search">


<table bgcolor="#FFFFFF">
<tbody>
<tr>
<td><input type="text" name="q" size="10" maxlength="200" value="" style="background-color:rgb(204,232,207)">
<input type="submit" name="btnG" value="Go"> </td>
</tr>
<tr>
<td><input type="hidden" name="domains" value="blog.csdn.net/jningwei"> <input type="radio" name="sitesearch" value="">Google
<input type="radio" name="sitesearch" value="blog.csdn.net/jningwei" checked="checked"> 本站
</td>
</tr>
</tbody>
</table>
</form>

并进入 管理博客 -> 博客栏目 -> 添加栏目 进行代码添加：

添加完该栏目模块后，设置为 显示 :

此时返回自己的博客主页，就可以看见新的功能模块已经添加好啦～