將Archives頁面底部的文字導向連結圖形化

當我們進入Archives頁面時，畫面最底部有三個文字連結，分別是：「較新的文章」、「首頁」、「較舊的文章」，這三個文字連結，透過範本編輯，也能夠以圖形連結的方式來進行美化。



先進入版面設置––範本––修改 HTML，記得要選取展開小裝置範本，搜尋下最程式碼：

<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'><data:homeMsg/></a>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<data:newerPageTitle/>代表較新的文章
<data:olderPageTitle/>代表較舊的文章
<data:homeMsg/>首頁,
將這三個變數字串以圖形連結替換，圖形連結語法：
<img src="圖形連結位址"/>

下面提供三組圖形，請自行下載後，上傳到自己的空間。
Blue：


Orange



Pale Blue

UPDATA：2/9
當你完成時，請先檢查首頁“較舊的文章”連結是否有作用，如果沒有作用請再進入修改Html，將“<data:newerPageTitle/>”的<a>和</a>之間所有的程式碼，以下列程式碼取代。

<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='圖片連結位址'/></a>

延伸閱讀：
將Archives頁面底部的文字導向連結圖形化（續）