為Blogger增加「上一頁」和「下一頁」的功能

眾所周知，Blogger是在英文界面開發出來的，雖然有了中文版面，但其界面的翻譯和Google的其他翻譯服務一樣，有時會讓人哭笑不得，這篇文章要講的就是教大家如何修改Blogger的頁面導航功能，讓Blogger看起來更漂亮更專業。

在默認的Blogger頁面上，原始的頁面導航顯示的是「較新的文章」、「主頁」和「較早的文章」，如果是英文Blogger就顯示為「Newer Post」、「Home」和「Older Post」。這樣的文字顯然不符合我們的閱讀習慣，Blogger看起來顯得很不「專業」。不過要修改起來非常簡單，以Blogger為例，請看下面修改後的代碼：
<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>上一頁</a>
</span>

</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>下一頁</a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>首頁</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>首頁</a>
</b:if>

</b:if>

</div>

進入到Blogger修改 HTML的完整界面（勾選展開小裝置範本）後，在代碼中搜索id='blog-pager'就可以找到上面的頁面導航代碼，用上面標註紅色的部分替換掉原代碼中對應的內容後，「較新的文章」與「較早的文章」就會顯示為「上一頁」和「下一頁」，如果你是英文Blogger，可以替換為「Previous」和「Next」。