给CSDN博客侧栏添加搜索功能

本文主要是介绍给CSDN博客侧栏添加搜索功能，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

利用百度博客搜索 给csdn博客添加全文搜索功能
发现 百度博客搜索 对CSDN博客基本能搜到全部文章, 而且时效性好..而google的Blogsearch对csdn blog不行.
可以去百度博客搜索submit一下你的博客：http://utility.baidu.com/blogsearch/submit.php

在 "配置－公告" 中添加如下代码:
将yourID替换成你的ID(例如:touzani)

< script type = " text/javascript " >
    function  blogsearch ()  ...
    {
        var wq=document.getElementsByName("wq")[0].value;
                 
        var link="http://blogsearch.baidu.com/s?lm=0&si=&rn=10&tn=baidublog&ie=
                UTF-8&ct=2097152&bsm=0&wd=site:(blog.csdn.net)+yourID+"+wq+"&cl=0";
     
        window.open(link);
     }
</ script >
< input id = " query "  name = " wq "  type = " text " />
< input id = " b-searchbtn "  value = " Search this Blog "  onclick = " javascript:blogsearch() "  type = " submit " />

注意上面"&ie="是紧接着“UTF-8"的...
地址栏中的汉字编码 百度l默认是gb2312(%**%**表示一个汉字, 例如%B2%D9表示‘操’),
只要简单地将其改成”UTF-8“就可以了, 否则中文会变成乱码..
而google默认是”UTF-8"编码, “ %**%**%** ”表示一个汉字(例如%E6%93%8D表示‘操’) 

还可以自定义CSS样式：

发现 CSDN的搜索也可以进行全文搜索, 可指定用户名, 速度还更快点
将代码中的
var link="http://blogsearch.baidu.com/s?lm=0&si=&rn=10&tn=baidublog&ie=
                UTF-8&ct=2097152&bsm=0&wd=site:(blog.csdn.net)+yourID+"+wq+"&cl=0";
改成
var  link="http://search.csdn.net/search/"+wq+"/1/blog/yourID/?"
即可
width="728" scrolling="no" height="90" frameborder="0" align="middle" marginwidth="0" marginheight="0" src="http://download1.csdn.net/down3/20070601/01184120111.htm">

这篇关于给CSDN博客侧栏添加搜索功能的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---