Jas9 Beta: 2006-12

實作了在這裡看到的navbar隱現效果，作法說明記錄在《在Beta去除NavBar》這篇文章裡。

　有一點沒有寫出來的是：Template裡的CSS調整。因為NavBar消失後，上方的空白會更明顯多餘，所以需要調整#header-wrapper的margin及padding值，最好是把上方間距設零甚至是負，之所以沒在上述說明文寫到這裡，主要是因為每個模版都不一樣，所以請自行斟酌調整。

這篇實作記錄是用來解決「如何在blogspot引用文章」這篇提及的作法無法套用在blogger Beta的問題。其實，blogger Beta顯然可以使用舊版已經可以使用的Trackback功能，新的問題解決早先在HaloScan.com Forums已經熱烈討論過，並且有熱心網友提供作法整理。

　如果你已經遵照「如何在blogspot引用文章」這篇文章的說明，完成前置的申請程序，那麼，只要一個步驟就可以讓你的blogger Beta開始使用HaloScan Trackback。

　首先，登入blogger beta後台，依序找到「範本＞修改HTML」並勾選「展開小裝置範本」，開始編輯：

　接著，把下列語法中的你的haloscan帳號改為你自己的帳號：

　在範本原始碼裡找到：

往下繼續找到，然後將之前改好帳號的語法複製並且貼在之前即可。

這篇實作記錄主要在解決舊版延伸閱讀(expandable post)無法直接套用到blogger Beta的問題。

　作法只需要兩個步驟，後台登入後依序找到範本＞修改HTML，然後勾選「展開小裝置範本」，開始編輯：

在head加入這段javascript：

<script type="text/Javascript"> function hidePost(postUrl) { var label=document.getElementById("fullpost"); if(label!=null){ eA = document.createElement("a"); eA.setAttribute("href",postUrl); eA.setAttribute("title","詳閱全文"); eA.appendChild(document.createTextNode("詳閱全文")); eB = document.createElement("p"); eB.setAttribute("id","read-more"); eB.appendChild(eA); label.parentNode.appendChild(eB); label.parentNode.removeChild(label);} } </script>
在語法欄內找到：

<p><data:post.body/></p>

取代為：

<p><data:post.body/></p> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.url'> <script type='text/javascript'>hidePost('<data:post.url/>');</script> </b:if> </b:if>

　接下來，你可以在後台依序找到「設定＞格式」，然後在「文章範本」欄位填入：

　這麼一來，每次發文時，只要把「延伸閱讀」內文填入span#fullpost，就能夠在blogger beta順利使用延伸閱讀(expandable post)的功能了。

Jas9 Beta