为CSDN博客添加站内搜索栏目
2024-10-11 21:57:17
栏目代码
<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属性,直接用默认的按钮样式。
效果如图:
搜索后的结果:
最新文章
- 把《c++ primer》读薄(3-3 标准库bitset类型)
- 浅谈php生成静态页面
- Hadoop集群中添加硬盘
- AngularJs 入门系列-1 使用 AngularJs 搭建页面基本框架
- 存储过程 务的概念 事务的特性 关于异常的处理 连接池 构JdbcUtil类
- DD-WRT相关资源
- 开源视频平台:ViMP
- springboot缓存注解——@Cacheable
- Netty4ClientHttpRequest代码赏析
- MACD 下0轴后,强力=7上0轴的实例:
- phpstorm官方教程
- linux下对数据库操作
- inner join 与一般笛卡尔积的区别
- 2015年第六届蓝桥杯C/C++程序设计本科B组决赛 完美正方形
- RF使用ie浏览器访问页面,浏览器启动只显示This is the initial start page for the WebDriver server,页面访问失败
- MyEclipse10.0 配置 Tomcat1.7
- Java自定义注解的定义与使用
- python环境搭建-Linux系统下python2.7升级python3.5.2步骤
- MySQL子查询有哪五种形式?
- python 基础 8.3 match方法和search方法
热门文章
- [skill][gdb][coredump][abrt] 使用abrt管理程序coredump
- 存储过程收集统计信息ORA-20000报错解决记录
- falsk 与 django 过滤器的使用与区别
- unittest框架assert断言
- Code once, debug everywhere.
- RadioButton使用
- MySQL 创建用户并分配用户权限
- docker+mysql基本搭建过程
- 002-pro ant design-Unexpected end of JSON input while parsing near &#39;...错误解决方案
- html与js和php之间实现数据交互