2011/6/19

[教學]為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後台登入後,即可在網址列即可看到(如下圖)。
blogger id


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

第二層

blogger意見回覆連結

多了一個Reply按鈕

15 則留言:

  1. 這樣就可以直接回覆囉!!~ ^^

    回覆刪除
  2. 這個功能真的太重要了,官方也重視一下吧

    回覆刪除
  3. @小笠
    不知何時才會來的功能阿==

    回覆刪除
  4. 這樣就可以明顯的分辨是留言還是回覆了。

    回覆刪除
  5. 不好意思...我按照上面方法修改後有出現reply的字樣,可是點進去後,就跳出找不到網頁的網頁,我是用內嵌式留言的,請問有解嗎??

    回覆刪除
  6. @匿名 可以給我看一下網頁嗎?這樣才能看看是甚麼問題喔^^

    回覆刪除
  7. 好像不能直接留言在該則下面哦~

    回覆刪除
  8. @匿名不是直接留在該則下面~那種我也還在研究Orz

    回覆刪除
  9. 我的也是not found說
    http://mixsoup.blogspot.com/

    回覆刪除
  10. @維克我不知道為何會醬欸XDD

    回覆刪除
  11. 凱打,抱歉,藉這篇問一下,可否請問文章右上方的-Font+是怎麼做的才能讓它在單篇出現?因為讀了你和blogger有關的文章,好像沒看到有介紹和font變大變小的相關文章...還希望你能寫一篇^^" 我有看到abintech寫的一篇,但我試過他的,怎麼都沒辦法像你的一樣可以山現在單篇文章就是了。先說謝謝囉☺

    回覆刪除