5年前 (2015-03-22)  算法语言 |   1 条评论  436 
文章评分 1 次,平均分 5.0
[收起] 文章目录

前面王柏元的博客里有一篇文章介绍用PHP实现判断文章是否被百度收录的方法,可能尝试的朋友看到自己的显示的效果和我的个人博客的效果不太一样。接下来向大家介绍通过PHP自动判断网站网页是否被百度收录,并通过印章悬浮的方式提示站长当前页面是否被百度收录,并为站长提供快速提交当前页面给百度收录的入口,每次在网页发表时可手动向百度提交新文章。

在网页页面右上方加上百度是否收录的印章

 

在我的博客文章右上方我加入了一个类似“百度图标”一样的水印,具有透明的悬浮效果,和论坛的加“精华”的印章效果相似。这种效果不仅更炫酷,更能引起访问者的注意,不知不觉中可能就为你点击向百度提交未被收录的网页。下面为大家介绍一下这究竟是怎样实现的。

一、添加PHP实现判断文章是否被百度收录的代码

请参考我前面的文章《PHP实现判断文章是否被百度收录

二、在引用“baidu_record()”函数的地方添加CSS代码

其中:“百度”图标css:

style="right: 20px;//图标离父容器右边20px;

position: absolute;//定位元素为absolute,实现图标悬浮

color:red;//收录时使用color:#2565D8;

 

“百度”图标父容器”span“的CSS

float:right;//使图标悬浮在右方

font-size: 7em;

z-index: 99;//是图标悬浮在其他标签上方,这个需要根据实际调整

opacity: 0.8;//实现图标透明效果

position: relative;

三、拓展

为了节省网站的带宽,王柏元的博客图标尽量采用Font Awesome图标字体,如果你觉得这不够美观,可以PS一个印章图片.上面的css同样适用。

  
 
关注我的微信

关注我的微信,获取文章更新

如果你觉得这篇文章对你有用,可以点击下面的“赞助作者”打赏作者!

转载注明原文出处:王柏元的博客>>https://wangbaiyuan.cn/at-the-top-right-of-the-page-the-page-baidu-included-seal.html

关于
记录生活,镌刻心路;泼洒文墨,分享技术!王柏元的博客致力于IT经验交流,并原创翻译引进外文文章,打开IT国际化视野

发表评论

格式
  1. 不会写css,做不出博主的样子。博主能不能把教程写的更详细一点呢?我和博主的主题是一样的。

    月儿的博客 评论达人 LV.3 5年前 (2015-08-22) [0] [0]

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册