栏目代码

<div id="panel_Search">
<img src="http://img.blog.csdn.net/20170719024744725?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva3hwOTU0NQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast">
<form action="https://www.google.com/search" method="get" target="_blank">
<span><input class="blogsearch" title="请输入关键字" id="inputSearch" type="text" placeholder="使用Google搜索本博客" autofocus name="q"></span>
<input type="hidden" name="hl" value="zh-CN">
<input type="hidden" name="sitesearch" value="blog.csdn.net/kxp9545">
<input id="btnSubmit" type="submit" value="搜索 ">
</form>
</div>

解释

自带的文章搜索只能搜索整个CSDN博客,而不能指定某个博客,这是因为百度只支持site:blog.csnd.net搜索整个域名下的文章却不能site:blog.csnd.net\kxp9545来指定某个目录下,因此我们这里用的Google搜索,实际上必应也是可以的,但是必应的搜索结果不全。

在表单添加sitesearch字段用作站内搜索,value值是你的站点网址。因为自己不能定义CSS样式所以把submit的id设为btnSubmit来借用原本文章搜索栏目的放大镜样式,又因为放大镜的定位和我们自定义的栏目位置并不匹配所以在搜索框的上面加了一个高为44px的图片用于占位。

另外,因为栏目中的图片不能用CSDN外的图片链接,你可以在博客编辑器里上传一张图片获取链接。

如果你对样式不在意,也可以删掉外部的div,去掉submit的id属性,直接用默认的按钮样式。

效果如图:

搜索后的结果:

最新文章

  1. 把《c++ primer》读薄(3-3 标准库bitset类型)
  2. 浅谈php生成静态页面
  3. Hadoop集群中添加硬盘
  4. AngularJs 入门系列-1 使用 AngularJs 搭建页面基本框架
  5. 存储过程 务的概念 事务的特性 关于异常的处理 连接池 构JdbcUtil类
  6. DD-WRT相关资源
  7. 开源视频平台:ViMP
  8. springboot缓存注解——@Cacheable
  9. Netty4ClientHttpRequest代码赏析
  10. MACD 下0轴后,强力=7上0轴的实例:
  11. phpstorm官方教程
  12. linux下对数据库操作
  13. inner join 与一般笛卡尔积的区别
  14. 2015年第六届蓝桥杯C/C++程序设计本科B组决赛 完美正方形
  15. RF使用ie浏览器访问页面,浏览器启动只显示This is the initial start page for the WebDriver server,页面访问失败
  16. MyEclipse10.0 配置 Tomcat1.7
  17. Java自定义注解的定义与使用
  18. python环境搭建-Linux系统下python2.7升级python3.5.2步骤
  19. MySQL子查询有哪五种形式?
  20. python 基础 8.3 match方法和search方法

热门文章

  1. [skill][gdb][coredump][abrt] 使用abrt管理程序coredump
  2. 存储过程收集统计信息ORA-20000报错解决记录
  3. falsk 与 django 过滤器的使用与区别
  4. unittest框架assert断言
  5. Code once, debug everywhere.
  6. RadioButton使用
  7. MySQL 创建用户并分配用户权限
  8. docker+mysql基本搭建过程
  9. 002-pro ant design-Unexpected end of JSON input while parsing near &#39;...错误解决方案
  10. html与js和php之间实现数据交互