博客复制弹窗提示版权

 以前就有在问的,现在拿出来更一步美化博客,为美而生~

  接下来让我教你怎么使用~

第一 给模板目录的headre.php 内容的<head></head>中间添加如下下代码~

<link rel="stylesheet" href="<?php echo TEMPLATE_URL; ?>css/sweetalert.css" type='text/css' /> <script src="<?php echo TEMPLATE_URL; ?>js/sweetalert.min.js"></script>

一定要在</head>前面哦

第二 给header.php 文件夹的内容添加版权信息,注意添加在最底部。

  代码在这里哦~

<script>document.body.oncopy = function() {swal("复制成功!", "若要转载请务必保留原文链接,申明来源,谢谢合作!","success");};</script>

好了成功一大半了~

接下来我们来添加CSS与JS直接在下方下载哦~

分别放到模板的JS 文件夹 与CSS文件夹

如果你都做完了呢,赶快刷新页面,现在就可以看到效果了~

CSS与JS文件配套下载:https://www.lanzous.com/i1j8ppi

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏python3

python导入模块--import--1

    python前面写的程序,后面就可以将它当成一个模块导入,取其精华舍弃不用的随意使用,最理想的情况是任何一个功能,只要写一次,以后所有人都可以任意调用,...

12320
来自专栏Java成神之路

Eclipse_常用技巧_02_使用Eclipse进行源码分析

       在代码区中选择需要的类和接口定义,然后右击,选择“Open Type Hiberarchy”,可以在“Hiberarchy View”中看到继承关...

11820
来自专栏河湾欢儿的专栏

js基础_2(页面加载和延迟脚本)

26720
来自专栏yukong的小专栏

vue后台管理之动态加载路由

我们的通用的后台管理系统中,我们会根据权限的粗细不同,会对每个角色每个权限每个资源进行控制。同样的我们也需要实现一个这样的功能。 这篇文章我将主要讲vue端的实...

1.1K20
来自专栏前端说吧

Vue-框架模板的源代码注释

571110
来自专栏奔跑的蛙牛技术博客

Angular路由

1. reload方法用于刷新当前文档,不从缓存中读取,走一遍服务器。使用reload页面内的表单可能会重新提交

26250
来自专栏小白鼠

Ionic3 自定义指令

组件的概念比较大,本文讲解的是属性指令和结构指令的创建和使用,Angular官方文档

14630
来自专栏jianhuicode

使用node-inspector调试nodejs程序<nodejs>

1.npm install -g node-inspector  // -g 导入安装路径到环境变量 一般是c盘下AppData目录下 2.node-inspe...

21670
来自专栏卡少编程之旅

前端性能优化总结(简略)

30490
来自专栏乐百川的学习频道

做一个统计单词数目的Atom插件

本文是Atom 教程 制作单词计数插件的简化介绍,所有代码都来自这篇文章。如果希望参考详细的文档,请直接查看原文。这篇文章用一个简单的小例子,为我们讲解了如何编...

196100

扫码关注云+社区

领取腾讯云代金券