blogger 底部 修改預設的分頁文字按鈕 [小技巧]

現有的 blogger template 在文章最下面要瀏覽較舊或較新的文章都是用底下這種型式顯示 ,而某些人則喜歡分頁的瀏覽(上一頁.下一頁),其實要改成這樣的文字並不困難。



1.修改前要先備份好你的模板 ,然後到----管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾

2.修改較新的文章為上一頁

Ctrl+ F 搜尋 <data:newerpagetitle/> 會搜尋到以下程式碼

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>


請把<data:newerPageTitle/>修改成想要顯示的文字上一頁

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

<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>


<data:olderPageTitle/>修改成想要顯示的文字下一頁

4.修改首頁部份:
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>


<data:homeMsg/>修改成想要顯示的文字首頁
完成後儲存就可以了



5.若果用圖片顯示,圖片在很多網站都容易找得到只要用以下的 html 語法取代紅色部分即可

<img src='圖片網址' />

以下是本 blog 的範例


0 意見:

張貼留言