首页 > 网络推广|SEO > 添加代码自动调用文章版权
2010
05-18

添加代码自动调用文章版权

感觉先后更新的几篇文章或多或少有一点小白检讨书的味道,其实从做这个博客的第一天起,我就很清楚文章的黏度及互动性一定程度的决定了用户的访问行为。这也是为什么新浪有很多百万博客,在每篇博文的末尾最必不可少的两个要素:1、相关文章/热门导读;2、本文首发/原文链接(转载请保留)。这两个部分的价值很多博主都非常清楚,1可以降低用户的跳出率,通过有效的引导在同一博客中更深入的阅读,2则可以借助君子借鉴、懒人转载、机器采集等可能,达到一定程度保护自己的原创文章,这不能算作链接诱饵……不然也太功利心了。

起初宋夏博客在更新前5篇文章时,都是采取复制html,每篇文章都不厌其烦的修改,贴出来给大家逗逗乐子:

<span style=”color: #000080;”>【宋夏的网络推广成长博客】本文地址:</span><a href=”http://www.isongxia.com/wp-slug.html” style=”text-decoration: none;” target=”_blank”>http://www.isongxia.com/wp-slug.html</a></span>(转载敬请保留)

效果如下:
【宋夏的网络推广成长博客】本文地址:http://www.isongxia.com/wp-slug.html(转载敬请保留)

后来倒不是因为我贴的不耐烦了,而是我觉得这个造型不够摆,没办法被阅读的人有效的注意到。后来发现了万戈大哥的博客版权非常不错,于是抠出了他的代码,变成了俺的……

在主题模板中找到single.php里的<?php the_content(); ?>,在这之后添加以下代码(将相关文字和链接更换成你需要的):

1 <div class=”article-copyright”><div>
2 &raquo; 转载请注明来源:<a href=“http://www.isongxia.com”>宋夏的网络推广成长博客</a> &raquo; <a href=“<?php the_permalink() ?>”><?php the_title(); ?></a></div><div>
3 &raquo; 本文链接地址:<a href=“<?php the_permalink() ?>”><?php the_permalink() ?></a></div><div>
4 &raquo; 订阅本站:<a href=“http://feed.feedsky.com/songxiablog” target=“_blank”>http://feed.feedsky.com/songxiablog</a></div></div></div>

打开style.css,在最后一行之前加入【这是后来经木木和xux提点之后分离开的】:

1 .article-copyright {
2 background:#EFEFEF;border:1px dashed #CCC;color:#777;margin:5px 0;padding:5px 10px;mozborderradius:10px 0;webkitborder-topleftradius:10px;webkitborder-toprightradius:0;webkitborder-bottomleftradius:0;webkitborder-bottomrightradius:10px;borderradius:10px 0;
3 }

效果看本文的就知道啦~

最后编辑:
作者:宋夏 Susie