【转载】给你的zblog文章页添加一个版权说明

zblog文章页底部添加一个版权声明

类似“本文由XX原创，转载请注明xxx”的字样，有的主题模板是没有这些的，下面为详细操作步骤

效果一

CSS代码

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

此代码添加至博客主题的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的下方。

效果二

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>

添加步骤和上面是一样一样的，当然这里之前我添加的时候出现了一点点小问题，就是底部的版权文字不居中

需要在上面的CSS代码中添加代码：

post-copyright{text-align:center}

本文转载于烽烟博客，如有侵权请联系删除