为你的zblog博客文章添加版权声明

介绍

我觉得我们在访问别的网络文章的过程中会发觉在文章内容尾端会出现一段出版权表明吧，便是相近‘文中由XXX原创设计，转截请标明XXXX’，那麼这些作用在zblog上应怎么操作呢？下边咱们来说下实际效果及其编码。

实际效果一

css代码

.open-message{margin-bottom:10px;padding:5px 10px;border-radius:2px;background-color:#fcf8e3;border:1px solid #faebcc;color:#8a6d3b}

将css代码加上至主题风格中的css文件中。

HTML编码

<div class="open-message" style="border:#00a67c 1px solid;border-radius:5px 5px 5px 5px;">
<i class="fa fa-bullhorn"></i>转截请标明：<a href="{$host}">{$name}</a>»<a href="{$article.Url}">{$article.Title}</a></div>

将div编码加上至主题风格中的论文页模版中，顺利的话得话一般全是post-single.php（template/post-single.php），在模版文档中寻找{$article.Content}这一标识，这也是正文輸出的标识，将编码加上在标识div的下边。

编码表明：

<i class="fa fa-bullhorn"></i> <!---此编码为Font Awesome字体图标--->

Font Awesome标志安裝及操作方法

{$host} <!---此标识为主页连接--->

{$name} <!---此标识为网址文章标题--->

{$article.Url} <!---此标识文章内容连接--->

{$article.Title} <!---此标识标题--->

实际效果二

鼠标悬停效果

css代码

.post-copyright{background-color:#f2f2f2;font-size:12px;color:#999;padding:6px 15px 5px;border-radius:2px;margin-top:10px;margin-bottom:30px}
.post-copyright:hover{background-color:#FF5E52;color:#fff}

HTML编码

<p class="post-copyright">除尤其标明外，本网站全部文章内容均为<a href="{$host}" style="color:#51aded;">{$name}</a>原创设计，转截请标明来源来源于<a href="{$article.Url}" style="color:#51aded;">{$article.Url}</a></p>

实际效果二的加上方式 与以上实际效果一是同样的。