首页 > XHTML+CSS > 在z-blog博客文章底部加入原文链接方法
2015
01-13

在z-blog博客文章底部加入原文链接方法

主要思路很简单,找到文章详细页模板,里面添加你想写的内容就行了,另外知道文章链接标签名等常用标签名就行。方法如下:

1.打开你的博客当前主题目录下的TEMPLATE目录,系统默认主题的那个文件路径为THEMES\default\TEMPLATE

2.打开TEMPLATE下的b_article-single.html

3.找到b_article-single.html文件代码里的

<div class="post-body"><#article/content#></div>

这句代码,在下面添加这么一句代码:

<div style="margin-top: 20pt;"></div>
<div>文章如需转载请注明:转载自:<a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></div>
<div>本文链接地址:<a href="<#article/url#>"><#article/url#></a></div>


4.提交保存后点文件重建就可以了!

注:b_article-single.html是z-blog中的日志页文章模板

<#article/url#>是z-blog文章区的链接标签

<#ZC_BLOG_HOST#>是z-blog的博客网址标签

<#ZC_BLOG_NAME#>是z-blog的博客名称标签 你也可以将它改为<#ZC_BLOG_TITLE#>博客标题标签

<div style="margin-top: 20pt;"></div>这一句最好加在上,因为如果不加这句代码,文章原文内容会跟我们加的这个版权标签离的很近,影响美观!这句代码也可以用换行代码<p></p>来代替!


这上面的效果的就是在你发布文章以后,自动在结尾处显示:网站名称 网站地址 以及文章具体地址


这样做的目的我就不说了吧,还有一个是自动加载的,在别人复制你内容的时候,会自动在后面跟上以上信息,具体修改如下:


打开b_article-single.html页面,只要在最后加上一下代码,就可以自动实现了,呵呵

<script type="text/javascript">
document.body.oncopy=function(){
event.returnValue=false;
var t=document.selection.createRange().text;
var s="本文来源于<#ZC_BLOG_TITLE#> <#ZC_BLOG_HOST#> , 原文地址:<#article/url#> ";
clipboardData.setData('Text',t+'\r\n'+s+'\r\n\r\n\r\n');
}
</script>

示例图片:

作者:admin
admin
TTF的家园-www.ttfde.top 个人博客以便写写东西,欢迎喜欢互联网的朋友一起交流!

本文》有 0 条评论

留下一个回复