blogger翻页功能图标化

本文摘要部分:

上文我们介绍了如何将翻页功能完全汉化，大家是不是觉得还不够过瘾，要是能够将这些文字翻页文字换成图标按钮的话，那该有多好？呵呵！下面我就将blogger翻页功能图标化的步骤进行一下介绍.....

帖子其余部分：

1、进入blogger的控制台，我们对blogger的代码进行修改，搜索newerPage，找到如下一段代码；


<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><data:newerPageTitle/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><data:olderPageTitle/></a>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>Home</a>
</b:if>
</div>
<div class='clear'/>
</b:includable>


2、将红色标出的部分替换为图片地址（注意图片对应，<data:newerPageTitle/>对应前一页，<data:olderPageTitle/>对应后一页 Home:主页），具体办法：将红色部分替换成：<img src="图片地址"/>，完成。其它的文字信息也可以用这种办法替换成图片。