博客之前侧边栏有六个订阅方式,分别是六个不同的在线阅读器,当时考虑的是提供更多的阅读器提供方式以满足不同需求的读者,但通过对订阅统计的分析,发现订阅博客的读者基本上是在Google Reader和鲜果两大阅读器阵营,而且更重要的是除了六个阅读器外没有提供原生的订阅链接,所以就修改了这一块的样式。
有朋友觉得这个样式好看些,希望共享样式出来,所以在这里就把样式共享出来。这里的修改只针对Prower V2这个主题。
先下载这个图片上传到主题的images文件夹里:
然后复制这段HTML结构到主题的rsidebar.php文件里替换原来的RSS结构,当然你要修改其中的订阅地址为你自己博客的订阅地址:
<div id=”rss”>
<link title=”RSS 2.0″ type=”application/rss+xml” href=”http://feed.prower.cn” rel=”alternate” />
<a id=”rssGoogle” title=”用Google阅读器订阅” href=”http://fusion.google.com/add?feedurl=http://feed.prower.cn” target=”_blank”>用Google阅读器订阅</a>
<a id=”rssIcon” title=”RSS订阅” href=”http://feed.prower.cn” target=”_blank”>RSS订阅</a>
<a id=”rssXiangou” title=”用鲜果阅读器订阅” href=”http://www.xianguo.com/subscribe.php?url=http://feed.prower.cn” target=”_blank”>用鲜果阅读器订阅</a>
</div>
再复制以下样式到style.css文件里,替换原来的RSS样式:
#rss {width:290px; height:50px; overflow:hidden;}
#rssGoogle,#rssIcon,#rssXiangou {float:left; padding-top:50px; overflow:hidden; display:block; background:url(images/rssBg.png) no-repeat;}
#rssGoogle:hover,#rssIcon:hover,#rssXiangou:hover {background:url(images/rssBg.png) no-repeat -290px 0;}
#rssGoogle {background-position:0 0; width:113px;}
#rssGoogle:hover {background-position:-290px 0;}
#rssIcon {background-position:-113px 0; width:79px;}
#rssIcon:hover{background-position:-403px 0;}
#rssXiangou {background-position:-192px 0; width:98px;}
#rssXiangou:hover {background-position:-482px 0;}
完成以上三步,侧边栏的订阅样式就可以和我现在的一样了。
更新:如果复制过去后不能显示图片,请手动修改HTML结构里的双引号。