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;
}
以下代碼可依需求自行調整:
- 橘字為背景色色碼
- 綠字為滑鼠過時背景色色碼
- 紫字為圓角大小
- 藍字為字體大小
- 再找到這段程式碼:
- 如果找不到就掐頭去尾,找類似區段:
- 在其上方貼上以下代碼,增加意見回應連結:
<div class='replycomments'> <a expr:href='"https://www.blogger.com/comment.g?blogID=你的blogger ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650"); return false;'>Reply</a></div>
- Reply可以換成你想用的字。
- blogger ID於blogger後台登入後,即可在網址列即可看到(如下圖)。
- 最後,保存模板就完成囉!在凱特實驗室的呈現如下圖。
第二層
全站熱搜
留言列表