[教學]為blogger留言加上回覆功能

誠如大家所知，google blogger儘管有諸多優點，新玩意兒也一直在開發，留言回應系統卻始終讓人不滿意，介面不能自訂樣式、功能也有夠陽春，朋友們在「自訂blogger網頁(pages)網址」的留言也表達了諸多抱怨；我們除了痴痴的等待google的好消息以外，仍要自立自強尋找新方法；今天就先來分享自行新增留言回覆功能的作法吧！

記得修改模板前一定要先下載完整範本備份，以免後悔莫及。

• 一樣，先勾選展開小裝置範本，利用ctrl+F找到]]></b:skin>，在它前面加上下面這段程式碼：

.replycomments{
background:#ffe3ff;
cursor:pointer;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font:10px;
}
.replycomments:hover{
background:#fff1d9;
}
以下代碼可依需求自行調整：

1. 橘字為背景色色碼
2. 綠字為滑鼠過時背景色色碼
3. 紫字為圓角大小
4. 藍字為字體大小

• 再找到這段程式碼：

<dd class='comment-footer'>

• 如果找不到就掐頭去尾，找類似區段：

class='comment-footer'

• 在其上方貼上以下代碼，增加意見回應連結：

<div class='replycomments'>
 <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=你的blogger ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650&quot;); return false;'>Reply</a></div>

• Reply可以換成你想用的字。
• blogger ID於blogger後台登入後，即可在網址列即可看到(如下圖)。

• 最後，保存模板就完成囉！在凱特實驗室的呈現如下圖。

第二層

多了一個Reply按鈕

設計 部落格密技 blogger hack css