【Z-BLOG教程】复制网站文章内容弹窗提示+末尾自动添加版权信息(网站添加文章复制版权信息提示教程)

猫屋博客

复制文章内容末尾自动添加版权信息这是很久以前的想法了,每次浏览一些技术文章,复制一些文本文字末尾都有添加版权信息,觉得非常的酷!但一直没有时间来写,今天发一点时间来水一篇文章。

本教程适用于所有类型网站,不只是zblog——除非你网站有复制弹窗了,可能会报错!

复制网站文章内容+弹窗提示+末尾自动添加版权信息主要是由jQuery(核心) + Layui.js(弹窗提示) + CSS(样式美化)设计而成,非常的优雅。当然jQuery代码部分还是借鉴大佬的一些(懒得写)!代码中还有些bug,望理解!

en......如果您喜欢,就评论获取(避免白嫖),关注“猫窝博客”,更多精彩教程等着你!

使用教程

如果你网站有了复制弹窗提示,请您关掉或者删掉(请备份,在进行删除代码)

第一步:添加JS代码

 隐藏内容
您未登录,请登录注册后查看

第二步:添加CSS代码

CSS代码是弹窗提示样式,在主题设置-自定义CSS样式中复制添加进去就好啦!

【Z-BLOG教程】复制网站文章内容弹窗提示+末尾自动添加版权信息(网站添加文章复制版权信息提示教程),image.png,ZBLOG,zblog教程,教程分享,zblog主题教程,添加版权,版权信息,复制弹窗,网站添加文章复制版权信息提示教程,第1张

/*layui弹窗样式美化*/
.wiiuii-layer-mode{
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border: none !important;
    border-radius: 8px !important;
}

~教程已经隐藏起来啦,评论获取吧!~

演示效果图 或者复制文章即可弹出提示

【Z-BLOG教程】复制网站文章内容弹窗提示+末尾自动添加版权信息(网站添加文章复制版权信息提示教程),image.png,ZBLOG,zblog教程,教程分享,zblog主题教程,添加版权,版权信息,复制弹窗,网站添加文章复制版权信息提示教程,第2张



免责声明:本文来自星语的小木屋,不代表猫屋博客MAOWUO.CN的观点和立场,如有侵权请联系本平台处理。

您需要 登录账户 后才能发表评论

发表评论取消回复

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 4 条评论,700人围观)
网友昵称:www2296945504
www2296945504 V 普通用户 Google Chrome 101.0.4951.41 Windows 10 x64 凉席
05-04 来自上海 回复
1111
网友昵称:1051235323
1051235323 V 普通用户 Google Chrome 87.0.4280.141 vivo 板凳
04-01 来自广西 回复
我必须支持一下
网友昵称:1051235323
1051235323 V 普通用户 Google Chrome 87.0.4280.141 vivo 椅子
03-09 来自广西 回复
必须支持的好吧
网友昵称:猫屋博客
猫屋博客 V 博主 Google Chrome 99.0.4844.51 Windows 10 x64 沙发
03-08 来自河北 回复
看看

目录[+]

取消
微信二维码
微信二维码
支付宝二维码