在你的点点博客模板中加入版权说明

2012.10.03 分享 7498 人浏览 留言

这几天有朋友问我这个点点模板中的版权说明怎么实现的,其实就个简单的html而已,在这里我说下具体的实现方法吧。

首先说明下,其实之前在wp中我一直有添加这个,到点点这边版权说明本来是不想加上的,但是那天被别人采集几篇了,且没注明出处,所以就想把这个加上。发现对方第二次采集我的文章的时候,把这个版权也采集进去了 哈哈!!

然后在福旦博客中看到这个效果挺好的,就搬到我这个站来了。

示意图见下 演示地址:记忆碎片

就部分html和css部分了,直接在html中加载css吧

代码如下

{?view.post}
<div style="font-size: 12px;line-height: 1.5;padding: 7px 10px 7px 36px;border: 1px solid #CCC;border-radius: 6px;box-shadow: 1px 1px 1px #F2F2F2,-1px -1px 1px #F2F2F2;-moz-box-shadow: 1px 1px 1px #f2f2f2,-1px -1px 1px #f2f2f2;-webkit-box-shadow: 1px 1px 1px #F2F2F2,-1px -1px 1px #F2F2F2;background: url(http://x.papaapp.com/farm1/2893f5/221a9cec/attention.png) no-repeat">
<strong>声明:</strong>
本文采用<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh" target="_blank" title="署名-非商业性使用-相同方式共享">BY-NC-SA</a>协议进行授权.
<br/>
转载请注明转自:<a class="title" href="{$post.url}">{?post.video}{$video.description|nohtml_truncate:"16":"..."}{/post.video}{?post.text}{?$text.title}{$text.title}{/$text.title}{?!$text.title}{$text.summary|nohtml_truncate:"16":"..."}{/!$text.title}{/post.text}{?post.audio}{$audio.song}-{$audio.artist}{/post.audio}{?post.photo}{?$photos.title}{$photos.title}{/$photos.title}{?!$photos.title}{?$photos.description}{$photos.description|nohtml_truncate:"16":"..."}{/$photos.description}{?!$photos.description}图片欣赏{/!$photos.description}{/!$photos.title}{/post.photo}{?post.link}{?$link.title}{$link.title}{/$link.title}{?!$link.title}{?$link.description}{$link.description|nohtml_truncate:"16":"..."}{/$link.description}{?!$link.description}{$link.url|truncate:"16":"..."}{/!$link.description}{/!$link.title}{/post.link}</a>
<br />
原文地址:<a class="title" href="{$post.url}">{$post.url}</a>
</div>
{/view.post}

把以上代码放在你的评论部分上方就好了。

其中宽度自适应,我加了边框,且设了边框阴影,可自行更具需要修改代码第2行中的css部分。

文章地址:https://huilang.me/dd-copyright/

回复本文

您的电子邮箱地址不会被公开。 必填项已用 * 标注

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif