3/14/2009



10
一般的blogger template在文章最下面要瀏覽較舊或較新的文章都是用底下這種型式顯示

個人比較喜歡這種上一頁、下一頁的顯示方式

想要修改的話也很簡單,只要按照下面步驟修改就可以了




Step 1.

修改之前請先備份好你的模板


Step 2.

管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾

Step 3.

修改較新的文章這個部份,Ctrl+ F 搜尋 <data:newerPageTitle/> 會搜尋到以下程式碼

<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'><data:newerPageTitle/></a>
請把 <data:newerPageTitle/> 修改成想要顯示的文字,這裡示範修改成 上一頁

Step 4.

修改較舊的文章Ctrl+ F 搜尋 <data:olderPageTitle/> 會搜尋到以下程式碼

<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'><data:olderPageTitle/></a>
<data:olderPageTitle/>修改成想要顯示的文字,這裡示範修改成 下一頁

Step 5.

首頁部份同上 Ctrl+ F 搜尋 <data:homeMsg/> 這裡要注意的地方是會搜尋到2個<data:homeMsg/>,請修改上面那個

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

Step 6.

按下儲存就可以發現剛剛修改的地方已經改過來囉

P.S

也可以用圖片顯示,網路上很容易可以找到一些給網站用的icon小圖,方法跟上面大同小異,只要用html語法取代紅色部分即可

<img src='圖檔網址' />
※ 3/18更新:提供一個可以免費下載icon的網站: iconPot