範本修改紀錄08126

張貼者： yugu | 於 清晨5:28:00 |

我在我的 blogger 範本裡頭進行了一些修改動作，像是添加了「文章評分」功能，以及手動搬移顯示的位置等等。

而新添加的「文章評分」功能，則是在 haloscan 網站上發現的，原本只是想把凌亂的範本中把 halosacn 引用的功能移除掉，不過我還是靠自己一個一個仔細看才移除掉。話說現在 haloscan 可以讓你自己把範本上傳，然後系統便會自動幫你加料，省去自己手動查找、修改的困擾。

雖然有上傳給它修改過，但實際上卻無法顯示文章內容，最後還是自己手動修改阿！

總覺得文章引用功能使用的機率非常非常非常小，礙於網頁開啟速度的關係，還是考慮把它移除，不過我卻添加新功能「文章評分」XD。

關於「文章評分」及「引用功能」其實都需要javascript的開啟，也許比較不適合大部分的使用者，不過礙於互動及需求多多少少還是需要javascript的。

添加「文章評分」功能注意：請記得下載完整範本在進行下面動作。
以下是blogger添加「文章評分」的方法：
首先打開自己的範本>修改程式碼>記得展開小裝置範本
然後尋找找到 post-footer 於是在
<div class="post-footer">
它後面加料
<div style="float: left; margin-right: 3px;">
<div class="js-kit-rating" path="data:post.url" permalink="data:post.url" title="data:post.title" starcolor="Green">
</div>
</div>
以上是第一步，這步的意思是什麼呢？是文章評分的位置要顯示在哪？

再來就是需要第三方的javascript腳本，使文章評分的功能能夠運作。
於是我們在往下尋找找到
</body>
這裡就是文章評分的javascript腳本位置，我們在 body 前面，放入它的評分腳本
<script src="http://js-kit.com/ratings.js"></script>
於是這樣就完成了添加「文章評分」的功能囉！

當然，先別急著儲存範本，可以先進行預覽，預覽到你喜歡為止在儲存範本，否則一個不小心就....後果自負阿！

而我另一個修改範本的重點還是在「快速編輯」，我還是搞不懂是哪裡出了問題，因為email post既然可以顯示，而快速編輯鈕的位置及語法看似沒錯，但為何就是無法顯示呢？有時，文章有快速編輯鈕，可是sidebar又沒有，真奇怪。

就算讓它位置調換、貼上圖示網址也還是不行，搞了半天很累人，還是先休息一下好了。

我參考了 sam 部落格的這篇教學，我還是搞不懂其中一段程式碼在哪？
<b:includable id="postQuickEdit" var="post">
<b:if cond="data:post.editUrl">
<span class=""item-control " + data:post.adminClass">
<a href="data:post.editUrl" title="data:top.editPostMsg">
<span class="quick-edit-icon"> </span>
</a>
</span>
</b:if>
</b:includable>

而我下面這段程式碼是在 post-footer 其中一列
<!-- quickedit pencil -->
<b:include data="post" name="postQuickEdit">

這段程式碼後接的像是文章標籤、文章連結網址之類的，而另一段較長的程式碼則在 Post feed links 與張貼的回應訊息之間，具體地說就是在
<b:includable id="comments" var="post">
上，但是還是無法顯示快速編輯鈕，真煩惱呢！