当前位置:首页 > 瞎折腾 > 正文内容

在自己网站添加通用的三种熊掌号bar展现改造方式

Mr5年前 (2019-01-09)瞎折腾2102

熊掌号.jpg

目前大部分使用移动搜索的朋友会发现,很多网站都在不同的网页位置加入了熊掌号的关注的按钮,那么如何实现在网页插入熊掌号关注按钮本文给出常用的三种熊掌号banner展现方式,  但是前提是要有熊掌号才行,没有的站长朋友自行去百度申请熊掌号 https://ziyuan.baidu.com/ 移动专区  不懂的自行度娘找吧;进入正题

熊掌号展现方式.jpg

如图,目前最常见的三种展现方式,网上现在的方法也都是之前的熊掌号版本,很多刚接触的或者不是玩代码的朋友根本就看不懂,所以这里就整理一下比较快捷的插入方式;

添加通用代码

通用代码添加在网站header.php文件内的</head>标签之前;注:没有header文件的自行在网页内查找</head>标签

<script src=" https://xiongzhang.baidu.com/sdk/c.js?appid=你自己的熊掌号ID"></script>

以上代码除“你自己的熊掌号ID”更改自己的,其他代码无需做任何修改直接复制到相对应的位置即可

添加吸顶bar代码

<script>cambrian.render('head')</script>

同样将以上代码复制到对于位置,如<head>标签后面。

文章段落bar代码

<script>cambrian.render('body')</script>

将以上代码复制到文章模板的相对应位置,如文章标题下方。

底部bar代码

<script>cambrian.render('tail')</script>

上述代码可添加到文章结尾处或者网页底部,底部通用文件footer.php放在</body>之前。

注:官方给出解释的上述三种 bar 在样式上并没有预留左右边距,若页面自身没有设置边距,建议按照如下方法使用。其中 padding-left、padding-right 为边距属性,可按需修改。

<div style="padding-left: 17px; padding-right: 17px;"> <script>cambrian.render('head')</script> </div>

友情提示:以上方式适应移动端网页或者自适应网页,PC端网页不支持,查看自己的网页是否支持添加熊掌号bar先自行去检测一下 检测入口:https://ziyuan.baidu.com/linksubmit/index 搜索资源平台 底部优化与维护 落地移动页检测 如图:

移动落地页检测.jpg

如果不支持的自行改造一下,百度mip改造的教程网上很多,多数开源程序都自带插件可使用。

扫描二维码推送至手机访问。

版权声明:本文由微客生活发布,如需转载请注明出处。

本文链接:https://www.weklife.cn/82.html

标签: 熊掌号

相关文章

5个不同类型的文章Blockquote的CSS应用样式适用于zblog

5个不同类型的文章Blockquote的CSS应用样式适用于zblog

Blockquote标签多用于博客或论坛引用内容的时候,这里介绍5个blockquote的css样式,通过实例,让大家进一步了解blockquote的用法。Blockquote是一个html元素,它用于标识一个特别的单元内容,这部分内容是从...

Zblog升级php版本数据库错误提示“Class "Database__pdo_mysqli" not found”解决方案

Zblog升级php版本数据库错误提示“Class "Database__pdo_mysqli" not found”解决方案

ZBLOG升级php版本的时候出现:Class "Database__pdo_mysqli" not found 错误提示,修改办法:我用的阿里云的升级时候提示了以下信息:首先需要程序版本能够支持php版本,所以最好事先...

手机视频或照片隔空投送到台式(win系统)电脑的新方法

手机视频或照片隔空投送到台式(win系统)电脑的新方法

最开始得时候想要把手机上的内容传送到电脑都是通过数据线的方式,但是现在很多人也会用QQ或者微信的文件传输模式去传输到电脑,但是这个方法会被QQ或微信压缩文件,如果是图片还好不是很严重,但是如果是视频的话就会被严重压缩,毕竟不是图片可以选择源...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。