分頁清單

2010-08-05

[分享] 如何在Blogger上,放置自己想要的分頁連結。

雖然Blogger的新功能,有個很簡單的方式就讓您有個導覽列,
『官方的說明』
但是我想很多人或許也會有跟我一樣的困擾,
那就是如何在分頁上,連結自己想要的網站,
方法如下....

1. 先備份原始檔案,像我們這樣的新手最重要需要做的事情。

2. 到Blogger的後台,『設計』→『修改HTML』→『展開小裝置範本』打勾。

3. 找到crosscol-wrapper這個區段。

4. 接著就會看到b:loop的迴圈程式碼,然後在下方加入以下語法:


<li><a href='欲連結的網址'>連結名稱</a></li>
ex:<li><a href='http://picasaweb.google.com/xxxx'>Picasa</a></li>


5. 先試一個成功之後,接下來要加入幾個都可以了。




接下來所說的,就是我自己亂找google,所統整的方法,
請注意,本人完全不懂程式碼。 【使用前請備份】
或許也有人會跟我有一樣的困擾,
就是怎麼找都找不到crosscol-wrapper這個區段,
就請先找出以下這個,

<b:section class='tabs' id='crosscol' maxwidgets='0' showaddelement='no'>

把"0"改成"1",把"no"改成"yes",接著,
就按儲存範本。


然後再次開啟『修改HTML』的後台,
找出以下這一段程式碼,

<b:widget id='PageList1' locked='false' title='分頁清單' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>

接著,在〈/b:loop〉後加入即可。<li><a href='欲連結的網址'>連結名稱</a></li>

沒有留言:

張貼留言