网页代码-给你的网站添加一个https sll安全认证签章-路羽博客-第1张图片

网页代码-给你的网站添加一个https sll安全认证签章

网页代码-给你的网站添加一个https sll安全认证签章-路羽博客-第2张图片

作者: 路羽

原创资源分享博客

网页代码-给你的网站添加一个https sll安全认证签章-路羽博客-第3张图片微信小程序

路羽博客 资源分享

MySSL.com自上线以来受到了诸多好评,了解到有一些网站为了大家能够安心浏览网页,在页面的页脚添加了一个SSL安全认证的小图标,点击可以直接查看他们网站的安全评估报告,非常方便。如果你的网站部署了HTTPS,而且想要给你的网站也添加上MySSL的安全认证标志,可以参考下这片文章。

 


您只需要将代码添加在您网站的html页面的 body 标签中任意位置(建议添加在header或者footer位置),那么在你的网站上就会出现如图中效果展示一样的签章了。不过请注意:为了方便我们将样式用行内的形式写在了最外层的标签div中,您可以灵活的对该样式进行调整,该样式如果在移动端上显示的效果欠佳的话,您也可以将样式分离出来,并用css的@media进行调整。

 

一共有两种比较好样式供您选择

样式一

 

 

网页代码-给你的网站添加一个https sll安全认证签章-路羽博客-第4张图片

代码如下

    <div id="cc-myssl-id">
        <a href="https://myssl.com/您的域名?from=mysslid">
            <img src="https://static.myssl.com/res/images/myssl-id3.png" alt="" style="max-height:50px;display:block;margin:0 auto">
        </a>
        <p>
            <img src="https://ae01.alicdn.com/kf/H5eda907716684951bb43f710b0b0b438M.png">
        </p>
    </div>

网页代码-给你的网站添加一个https sll安全认证签章-路羽博客-第5张图片

样式二

 

网页代码-给你的网站添加一个https sll安全认证签章-路羽博客-第6张图片

代码

    <div id="cc-myssl-id" style="position: fixed;right: 0;bottom: 0;width: 65px;height: 65px;z-index: 99;">
        <a href="https://myssl.com/您的域名?from=mysslid">
            <img src="https://static.myssl.com/res/images/myssl-id.png" alt="" style="width:100%;height:100%">
        </a>
    </div>

 

网页代码-给你的网站添加一个https sll安全认证签章-路羽博客-第7张图片

本文最后更新于2020-3-22,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
未经允许不得转载:

作者: 路羽, 转载或复制请以 超链接形式 并注明出处 路羽博客
原文地址: 《网页代码-给你的网站添加一个https sll安全认证签章》 发布于2020-3-22

评论

          
       
切换注册

登录

忘记密码?

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

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏