close

如大家所知,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按鈕

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 凱特打結 的頭像
    凱特打結

    凱特打結該該叫

    凱特打結 發表在 痞客邦 留言(15) 人氣()