| 红尘梦| 红尘醉
熊掌号主资料在网站页面内展示 HTML+CSS源代码教程分享 - 站长资源网
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主


登录后,享受更多优质服务哦
大哥! 个人中心退出登录
导航菜单
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主
技术教程熊掌号主资料展示

熊掌号主资料在网站页面内展示 HTML+CSS源代码教程分享

2019/5/7 站长资源网  技术教程 1857 1

前言



     这段时间一直不知道写些什么文章,所以一直在很多博客网站里面打转,我发现很多博客的文章页面都有一个熊掌号主资料展示,然后我也给自己的网站弄了一个熊掌号主展示,各位可以看看本站的文章下面,那个就是熊掌号主资料展示。

     虽然说熊掌号作用已经没有以前那么大了,但是熊掌号也算是百度的一部分产业,从熊掌号的崛起到现在,百度也是花了心思的,所以说熊掌号一时半会还是不会倒闭的,熊掌号可以加速网站收录,有这一点就能留住很多站长。

    

     估计有很多站长也想给自己的博客文章页面弄一个熊掌号主资料展示,但是百度上面好像并没有教程,所以我才想写写这篇文章的。


    1.png

     


教程开始


    把下面HTML代码里面的熊掌号链接、头像、网站链接等等资料全部修改成你自己的,然后把这串代码放到你网站里面,你想让熊掌号展现在哪里,就把这串代码放到哪里。

    HTML+CSS代码如下:


<!--HTML代码开始-->
<div class="xiongzhanghao panel-sort">
<div class="xiongzhanghao_touxiang"><a href="https://author.baidu.com/home/1615308608564867" rel="nofollow"><img src="https://cambrian-images.cdn.bcebos.com/b5425413daed5e96028f0b040190e593_1540478178213.jpeg" width="67px"></a></div>
<div class="xiongzhanghao_biaoti"><a href="https://author.baidu.com/home/1615308608564867" rel="nofollow"><a href="https://www.vc99.cn/author/1" title="查看关于红尘SEO博客的文章">红尘SEO博客</a></a></div>
<div class="xiongzhanghao_miaoshu"><a href="https://author.baidu.com/home/1615308608564867" rel="nofollow">分享关于网站优化以及网站常见问题的教程</a></div>
<div class="xiongzhanghao_ck"><a href="https://author.baidu.com/home/1615308608564867" rel="nofollow" target="_blank"><div class="xiongzhanghao1">查看熊掌号</div></a></div>
</div>
<!--CSS代码开始-->
<style>
.post-copyright {
    position: relative;
    font-size: 13px;
    color: #666;
    background: #fff;
    padding: 10px 15px;
    word-wrap: break-word;
    border-style: solid;
}

.xiongzhanghao {
    background-color: #fff;
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
}

.panel-sort {
    border: 1px solid #eaeaea;
    box-shadow: none;
    border-radius: 10px;
}

.xiongzhanghao_miaoshu {
    width: 90%;
    margin: auto;
    margin-top: 10px;
    font-size: 13px;
    color: #666;
    line-height: 17px;
    font-weight: 300;
}

.xiongzhanghao_ck {
    margin: 13px 0 25px;
}


.xiongzhanghao_biaoti {
    fon-size: 18px;
    color: #333;
    margin-top: 10px;
    line-height: 18px;
    font-weight: 600;
}
</style>



后记

 


      上面的代码我把HTML和CSS全部放在一起了,如果你觉得上面那种方法不好看的话,可以单独建立一个CSS文件,把css代码放进去,然后在调用css文件即可,如果你不会的话,还是老老实实的用第一种方法吧。


      熊掌号主资料展示的源代码我已经发在上面了,直接复制粘贴就可以使用,如果你觉得css样式不好看,你也可以自己琢磨。



 点赞:3  打赏  分享  海报

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫
作者头像 作者名称 作者性别
站长资源网
联系作者 作者主页

热门推荐

1 网站鼠标单击显示爱心特效 JS代码分享+教程
2 苹果CMS V10 全站伪静态教程 伪静态规则分享 宝塔Linux系统
3 EMLOG判断文章是否百度收录 代码分享
4 怎么才能防止自己网站的原创文章不被偷走?
5 网站https提示不安全,显示小黄锁、红色感叹号的解决方法
6 宝塔面板自动备份到阿里云对象储存的详细教程

评论列表

取消回复

    评论

    1条评论
    1. avatar

      qq12weq Lv.3 回复

      特殊123

      美国 加州 2021-04-24 16:05

    随机文章

      • 杰奇CMS 1.7 火车头小说采集规则以及免登陆发布模块分享
        • 华为宣布:鸿蒙操作系统将开源,我们要打造全球的操作系统
          • 华为发布鸿蒙OS,兼容安卓 可随时用于手机
            • 宝塔面板MySQL数据库无法启动的解决方法 【亲测有效】
              • JavaScript代码中加减乘除的基础运算方式
  1. 分类

    • 网站源码
    • 程序模板
    • 插件工具
    • 技术教程
    • 福利分享
    • 编程学习
    • 随心笔记
    • 网络资讯
    • 商城专区
    • 广告商广告
  2. 标签

    小偷资源网 (1) 装修公司模板 (1) JAVA开发工具 (1) 代挂运动步数 (1) 科技感十足的源码 (2) FTP工具 (1) 化妆品类公司模版 (1) 口红机游戏 (1) SEO (3) 面试鸭 (1) emlog模版 (2) 3D魔方小游戏 (1) 小游戏 (2) 随机抽取 (1) 动漫漫画类模版 (1) 英皇 (1) 简约模板 (1) 网络建设开发类模版 (6) 网站优化教程 (2) APP分享页 (1) java学习 (8) 下载页源码 (1) 小说模板 (1) EMLOG6.0 (1) 吸粉软件 (3) QQ跳转浏览器 (1) PhotoshopCS5 (1) JENKINS (1) 织梦CMS (22) V10精仿腾云影视模板 (1)
  3. Emlog简约资源分享主题

    • 采用了简约单调的风格
    • 比较适合资源分享网
    • 一反常态的模板风格类型
    • 全站自适应资源网主题
    • 原创制作的第一款EMLOG模板
    0元

    需要就请骚扰我

    立即下载
  4. 网站统计 I 当前在线:2人

    • 本站管理:1位
    • 用户总数:756位
    • 置顶文章:2篇
    • 日志总数:434篇
    • 微语总数:0条
    • 评论总数:5130条
    • 标签总数:655条
    • 页面总数:4页
    • 分类总数:33个
    • 链接总数:13条
    • 运行天数:1242天
    • 最后更新:6月1日
  5. 用户登陆

    
    
    找回密码

    找回密码

    密码已找回?返回登陆

    用户注册

    
    
    စ
    
    已有账号?返回登陆
    Copyright © 2022站长资源网 程序:Emlog5.31 主题:Meta 3.54

    广告合作联系Q:122855611

    • 首页
    • 搜索
    • 模板
    • 用户

    大家都在搜

    • 翻墙软件
    • 熊掌号
    • 二次元
    • 关注公众号
    • 简约风格
    • Pro
    • 食品类企业模版
    • 工程设计类源码
    • 影视程序
    • 百度云盘不限速
    • 软件分享
    • 华为6G
    • EMLOG博客升级
    • 快速裂变
    • 蜘蛛统计
    • 导航网站源码
    • 
    • 