2015年10月10日

Blogger 最新回應 V2﹍頭像 + 文章標題 + HTTPS

Blogger 最新回應 V2﹍頭像 + 文章標題 + HTTPS

Wayne Fu 0 A+
blogger-recent-comments-v2-Blogger 最新留言 V2﹍頭像 + 文章標題 + HTTPS三年前原始的版本「Blogger 最新回應+留言者頭像+文章標題」其實功能已經很完整,不過前幾天的最新消息「BLOGGER 支援 HTTPS」之後,幾乎所有的 Blogger 工具都將無法相容於 HTTPS 模式,瀏覽器多會出現「混合內容錯誤」。

藉這機會來更新算是使用率極高的「最新回應」工具,且整理了舊版本所有讀者的留言意見,一併改善版面配置、使用體驗、讀取速度等等,相信這個 V2 版本會是 Blogger 最佳的 "最新回應" 小工具。

以下先介紹更新的功能列表,想直接安裝請跳至「二、安裝程式碼」。

(圖片出處: pixabay.com)
 


一、功能更新及修正


1. 新增功能

blogger-recent-comment-Blogger 最新留言 V2﹍頭像 + 文章標題 + HTTPS

首先看一下上圖為新版本的效果圖,新增的功能有:
  • 支援 HTTPS
  • 整合上下頁導航及全部開合按鈕:按鈕區域變大,操作更方便。


2. 修正功能

bad-blogger-recent-comment-Blogger 最新留言 V2﹍頭像 + 文章標題 + HTTPS

使用舊版本時,有些部落格的側邊欄很短,或是使用了三欄式而導致版面很窄,就會出現上圖不佳的版面配置,此圖主要的問題有 "作者暱稱與日期無法同一行顯示"、"文章標題佔掉三行的空間" 這兩點。

新版本所有的修正項目如下:
  • 日期可選擇隱藏
  • 標題可選擇隱藏
  • 標題強制只顯示一行(需要看完整文章標題的話,滑鼠移到標題,停留一秒鐘即可)
  • 可選擇隱藏留言總數(有的站長可能不想讓過少的留言總數統計顯示出來)
  • 可選擇隱藏頭像
  • 展開留言、收合留言的點擊切換區域放大,便於操作。
  • 舊版本無論留言摘要多短,就算不需展開留言,也會出現 "展開留言" 的切換圖示,而此版本改善了此現象。



二、安裝程式碼


如果安裝過舊版本的話,先刪除原本的小工具,按以下步驟重新新增一個「HTML/JavaScript」小工具即可。

如果沒有安裝過的話,請到後台 → 版面配置 → 新增小工具 → 選擇「HTML/JavaScript」→ 填入標題、以及以下程式碼:

  1. <script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
  2. <div id="rc2_area"></div>
  3. <div id="rc2_info"><a href="https://www.wfublog.com/2015/10/blogger-recent-comments-v2-avatar-post-title-https.html">ⓦ Recent Comments</a></div>
  4. <script>
  5. var brc2 = {
  6. startIndex: 1,
  7. showComment: 5, // 顯示幾則最新留言
  8. summaryLength: 25, // 留言摘要字數
  9. headWidth: 35, // 頭像寬度, 若不要顯示頭像請改為 0
  10. blogger: "//4.bp.blogspot.com/-81dIbOmU9O4/UB_ufwAvb0I/AAAAAAAADj8/1Y4HFMVzx4Q/s70/blogger.png",
  11. openID: "//1.bp.blogspot.com/-sI74_lyKtUE/UB__t_YIVMI/AAAAAAAADms/X_25WXcYZhk/s70/openid.png",
  12. anonymous: "//2.bp.blogspot.com/-nEPh_CvgECk/VhiRpiuYUHI/AAAAAAAAMqM/HdjiVlRXC6U/s70/wfublog-comment.jpg",
  13. showTitle: "Y", // 不需要顯示文章標題則改為 "N"
  14. showDate: "Y", // 不需要顯示日期改為 "N"
  15. showCommentAmount: "Y", // 不需要顯示網站總留言數改為 "N"
  16. dateFormat: "Y-M-D", // 預設日期格式為 "年-月-日"; 若要改為 "月-日-年" 請將參數改為 "M-D-Y"
  17. openLogo: "", // 展開留言圖示
  18. closeLogo: "", // 收合留言圖示
  19. nextLogo: "", // 下一頁圖示
  20. prevLogo: "", // 上一頁圖示
  21. serialText: "編號",
  22. totalText: "總共:"
  23. };
  24.  
  25. brc2.openLogo=$("<a>"+brc2.openLogo+"</a>").html();brc2.closeLogo=$("<a>"+brc2.closeLogo+"</a>").html();brc2.fetch=0;brc2.total=0;brc2.postUrl=[];brc2.postTitle=[];brc2.anonymousLink="https://www.wfublog.com/2015/10/blogger-recent-comments-v2-avatar-post-title-https.html";brc2.switchPage=function(b,a,g){var d=brc2.showComment,e=(b>d),f=$("#rc2_commentIndex"),c="";b=e?d:b;c+="<a href='javascript:' class='rc2_openAll' title='留言全部展開'>"+brc2.openLogo+"</a><a href='javascript:' class='rc2_closeAll' title='留言全部收起'>"+brc2.closeLogo+"</a>";if(a>brc2.startIndex){c+="<a class='rc2_prevPage' href='javascript:' title='上一頁'>"+brc2.prevLogo+"</a>"}else{c+="<span class='rc2_prevPage'>"+brc2.prevLogo+"</span>"}if(e){c+="<a class='rc2_nextPage' href='javascript:' title='下一頁'>"+brc2.nextLogo+"</a>"}else{c+="<span class='rc2_nextPage'>"+brc2.nextLogo+"</a>"}$("#rc2_switchPage").html(c);$(".rc2_openAll").click(function(){$(".rc2_summary").hide();$(".rc2_content").show();$(".rc2_toggleLogo").html(brc2.closeLogo)});$(".rc2_closeAll").click(function(){$(".rc2_content").hide();$(".rc2_summary").show();$(".rc2_toggleLogo").html(brc2.openLogo)});$("a.rc2_prevPage").click(function(){brc2.init(a-d)});$("a.rc2_nextPage").click(function(){brc2.init(a+d)});if(f.length){f.html(brc2.serialText+" "+a+"-"+(a+b-1)+", "+brc2.totalText+" "+g)}};brc2.main=function(json){var feed=json.feed;if(!feed.entry){$("#rc2_area").html("<div style='text-align: center;'>目前尚無留言</div>");return}var nFetch=feed.entry.length,nIndex=parseInt(feed.openSearch$startIndex.$t),nTotalComment=parseInt(feed.openSearch$totalResults.$t),total=(brc2.showComment>nFetch)?nFetch:brc2.showComment,width=brc2.headWidth,summaryLength=brc2.summaryLength,anonymousLink=brc2.anonymousLink,openLogo=brc2.openLogo,closeLogo=brc2.closeLogo,dateFormat=brc2.dateFormat.split("-"),size="/s"+width*2+"-c/",reg1=/<.*?>/g,reg2=/\/s\d{2}.*?\//ig,html="",j=0,newAvatar="",noPost="",dateObj={},i,entry,authorName,content,summary,avatar,avatarLink,aboutAuthor,link,dateStr,dateArray,info;brc2.fetch=nFetch;brc2.total=total;html+="<ul>";for(i=0;i<total;i++){entry=feed.entry[i];authorName=entry.author[0].name.$t;content=entry.content.$t.replace(reg1,"");summary=(content.length>summaryLength)?content.substr(0,summaryLength):content;dateArray=entry.published.$t.substr(0,10).split("-");dateObj.Y=dateArray[0];dateObj.M=dateArray[1];dateObj.D=dateArray[2];dateStr=dateObj[dateFormat[0]]+"-"+dateObj[dateFormat[1]]+"-"+dateObj[dateFormat[2]];avatar=entry.author[0].gd$image.src;avatarLink=(entry.author[0].uri)?entry.author[0].uri.$t:"";aboutAuthor="關於"+authorName;if(entry.title.$t){while(j<entry.link.length&&entry.link[j].rel!="alternate"){j++}link=entry.link[j].href}else{link=(entry["thr$in-reply-to"])?entry["thr$in-reply-to"].href:anonymousLink}if(!entry["thr$in-reply-to"]){noPost="文章已刪除"}if(avatar.search("blank.gif")>0){if(avatarLink){avatar=brc2.openID}else{avatar=brc2.anonymous;avatarLink=anonymousLink;aboutAuthor="WFU BLOG 最新留言 V2"}}if(avatar.search("openid16-rounded.gif")>0){avatar=brc2.openID}if(avatar.search("b16-rounded.gif")>0){avatar=brc2.blogger}newAvatar=avatar.replace(reg2,size);html+="<li>";if(brc2.showDate=="Y"){html+="<i class='rc2_date'>"+dateStr+"</i>"}if(width>0){html+="<span class='rc2_avatar' style='float:left; width:"+width+"px;'><a href='"+avatarLink+"' target='_blank'><img src='"+newAvatar+"' onerror='this.src=\""+avatar+"\"' style='width:"+width+"px; height: "+width+"px;' title='"+aboutAuthor+"'/></a></span>"}html+="<div style='margin-left: "+((width>0)?(width+10):0)+"px; word-wrap: break-word;'><b class='rc2_author'>"+authorName+":</b>";if(summary!=content){html+="<div class='rc2_text'><span class='rc2_summary' title='展開留言'>"+summary+"... </span><span class='rc2_content' style='display:none;' title='收起留言'>"+content+" </span><a class='rc2_toggleLogo' href='javascript:' title='展開留言'>"+openLogo+"</a></div>"}else{html+="<div class='rc2_text'><span class='rc2_summary'>"+summary+"</span><span class='rc2_content' style='display:none;'>"+content+" </span></div>"}if(brc2.showTitle=="Y"){html+="<div class='rc2_postTitle'>-- <a href='"+link+"' target='_blank'>"+noPost+"</a></div>"}html+="</div><div style='clear: both;'/></li>"}html+="</ul>";if(brc2.showCommentAmount=="Y"){html+="<div id='rc2_commentIndex'></div>"}html+="<div id='rc2_switchPage'></div>";var _0xbc1b=["\x24\x28\x22\x23\x33\x22\x29\x2E\x31\x28\x31\x29\x3B\x37\x2E\x38\x28\x39\x2C\x62\x2C\x63\x29\x3B\x32\x3D\x22\x3C\x61\x20\x64\x3D\x27\x34\x3A\x2F\x2F\x65\x2E\x66\x2E\x67\x2F\x68\x2F\x69\x2F\x6A\x2D\x6B\x2D\x6C\x2D\x6D\x2D\x6F\x2D\x70\x2D\x35\x2D\x34\x2E\x31\x27\x20\x71\x3D\x27\x72\x27\x20\x35\x3D\x27\u6700\u65B0\u56DE\u61C9\uFF0B\u7559\u8A00\u8005\u982D\u50CF\uFF0B\u6587\u7AE0\u6A19\u984C\x5C\x6E\u7A0B\u5F0F\u8A2D\u8A08\uFF1A\x73\x20\x74\x27\x3E\u24E6\x20\x75\x20\x76\x3C\x2F\x61\x3E\x22\x3B\x77\x20\x24\x30\x3D\x24\x28\x22\x23\x30\x22\x29\x3B\x78\x28\x24\x30\x2E\x79\x29\x7B\x24\x30\x2E\x31\x28\x32\x29\x7D\x7A\x7B\x24\x28\x22\x23\x33\x22\x29\x2E\x41\x28\x22\x3C\x36\x20\x42\x3D\x27\x30\x27\x3E\x22\x2B\x32\x2B\x22\x3C\x2F\x36\x3E\x22\x29\x7D\x3B","\x7C","\x73\x70\x6C\x69\x74","\x72\x63\x32\x5F\x69\x6E\x66\x6F\x7C\x68\x74\x6D\x6C\x7C\x69\x6E\x66\x6F\x7C\x72\x63\x32\x5F\x61\x72\x65\x61\x7C\x68\x74\x74\x70\x73\x7C\x74\x69\x74\x6C\x65\x7C\x64\x69\x76\x7C\x62\x72\x63\x32\x7C\x73\x77\x69\x74\x63\x68\x50\x61\x67\x65\x7C\x6E\x46\x65\x74\x63\x68\x7C\x7C\x6E\x49\x6E\x64\x65\x78\x7C\x6E\x54\x6F\x74\x61\x6C\x43\x6F\x6D\x6D\x65\x6E\x74\x7C\x68\x72\x65\x66\x7C\x77\x77\x77\x7C\x77\x66\x75\x62\x6C\x6F\x67\x7C\x63\x6F\x6D\x7C\x32\x30\x31\x35\x7C\x31\x30\x7C\x62\x6C\x6F\x67\x67\x65\x72\x7C\x72\x65\x63\x65\x6E\x74\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x76\x32\x7C\x7C\x61\x76\x61\x74\x61\x72\x7C\x70\x6F\x73\x74\x7C\x74\x61\x72\x67\x65\x74\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x57\x46\x55\x7C\x42\x4C\x4F\x47\x7C\x52\x65\x63\x65\x6E\x74\x7C\x43\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x76\x61\x72\x7C\x69\x66\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x65\x6C\x73\x65\x7C\x61\x66\x74\x65\x72\x7C\x69\x64","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x57c2x1,_0x57c2x2,_0x57c2x3,_0x57c2x4,_0x57c2x5,_0x57c2x6){_0x57c2x5=function(_0x57c2x3){return(_0x57c2x3<_0x57c2x2?_0xbc1b[4]:_0x57c2x5(parseInt(_0x57c2x3/_0x57c2x2)))+((_0x57c2x3=_0x57c2x3%_0x57c2x2)>35?String[_0xbc1b[5]](_0x57c2x3+29):_0x57c2x3.toString(36))};if(!_0xbc1b[4][_0xbc1b[6]](/^/,String)){while(_0x57c2x3--){_0x57c2x6[_0x57c2x5(_0x57c2x3)]=_0x57c2x4[_0x57c2x3]||_0x57c2x5(_0x57c2x3)}_0x57c2x4=[function(_0x57c2x5){return _0x57c2x6[_0x57c2x5]}];_0x57c2x5=function(){return _0xbc1b[7]};_0x57c2x3=1}while(_0x57c2x3--){if(_0x57c2x4[_0x57c2x3]){_0x57c2x1=_0x57c2x1[_0xbc1b[6]](new RegExp(_0xbc1b[8]+_0x57c2x5(_0x57c2x3)+_0xbc1b[8],_0xbc1b[9]),_0x57c2x4[_0x57c2x3])}}return _0x57c2x1}(_0xbc1b[0],38,38,_0xbc1b[3][_0xbc1b[2]](_0xbc1b[1]),0,{}));$(".rc2_text").click(function(){var $this=$(this);$this.children(".rc2_summary, .rc2_content").toggle();$this.children(".rc2_toggleLogo").html(function(){return $(this).html()==openLogo?closeLogo:openLogo})});$(".rc2_postTitle a").each(function(){var postLink=this.href.split("?")[0].replace(/http:\/\/|https:\/\//,""),path=postLink.substr(postLink.indexOf("/")),postFeed="/feeds/posts/summary?alt=json-in-script&callback=?&path="+path,index=brc2.postUrl.indexOf(path),$this=$(this),title;if(index<0){if(path.indexOf("/p/")>-1){$this.html("非文章頁面");return}$.getJSON(postFeed,function(json){var title=json.feed.entry[0].title.$t;$this.html(title).attr("title",title);if(brc2.postUrl.indexOf(path)<0){brc2.postUrl.push(path);index=brc2.postUrl.indexOf(path);brc2.postTitle[index]=title}})}else{title=brc2.postTitle[index];$this.html(title).attr("title",title)}})};brc2.init=function(a){a=a||brc2.startIndex;var b="/feeds/comments/default?orderby=published&start-index="+a+"&max-results="+(brc2.showComment+1)+"&alt=json-in-script&callback=brc2.main";$("#rc2_area").html("<div style='text-align: center; margin: 20px auto;'><img src='//lh5.googleusercontent.com/-EyVZ0f8J0qQ/UCeEG7aa8nI/AAAAAAAADtY/9sXw53XkYXM/s512/indicator-light.gif'/></div>");$.getScript(b)};brc2.init();
  26. </script>
  27.  
  28. <style>
  29. #rc2_area ul,
  30. #rc2_area li {
  31. list-style: none; margin: 0;
  32. }
  33. #rc2_area li {
  34. padding: 5px 0;
  35. border-bottom: 1px solid #eee;
  36. text-indent: 0;
  37. font-size: 14px;
  38. }
  39. #rc2_area a,
  40. #rc2_info a {
  41. text-decoration: none;
  42. }
  43. #rc2_info {
  44. float: right;
  45. font-size: 11px;
  46. font-family: helvetica, arial, sans-serif
  47. }
  48. #rc2_info a {
  49. color: #ccc;
  50. }
  51. .rc2_date {
  52. color: #aaaaaa;
  53. font-size: 80%;
  54. float: right;
  55. }
  56. .rc2_avatar img {
  57. padding: 0px;
  58. border: 2px solid #fff;
  59. box-shadow: 0px 1px 9px #666;
  60. border-radius: 7px;
  61. opacity: 0.9;
  62. }
  63. .rc2_avatar img:hover {
  64. opacity: 1;
  65. }
  66. .rc2_author {
  67. font-size: 110%;
  68. }
  69. .rc2_text {
  70. cursor: pointer;
  71. margin: 5px 0px;
  72. opacity: 0.8;
  73. }
  74. .rc2_text:hover {
  75. opacity: 1;
  76. }
  77. .rc2_toggleLogo {
  78. display: none;
  79. }
  80. #rc2_area li:hover .rc2_toggleLogo {
  81. display: inline;
  82. }
  83. .rc2_postTitle {
  84. font-size: 85%;
  85. font-weight: bold;
  86. line-height: 110%;
  87. width: 100%;
  88. overflow: hidden;
  89. white-space: nowrap;
  90. text-overflow: ellipsis;
  91. }
  92. #rc2_commentIndex {
  93. margin: 5px 0;
  94. text-align: center;
  95. }
  96. #rc2_switchPage {
  97. background-color: #eee;
  98. margin: 5px 0;
  99. padding: 3px;
  100. font-size: 20px;
  101. line-height: 16px;
  102. }
  103. #rc2_switchPage a,
  104. #rc2_switchPage span {
  105. box-sizing: border-box;
  106. display: inline-block;
  107. width: 25%;
  108. padding: 0;
  109. border-left: 1px dashed #aaa;
  110. text-align: center;
  111. }
  112. #rc2_switchPage a:hover {
  113. background-color: rgba(100, 100, 100, 0.1);
  114. }
  115. #rc2_switchPage a:first-child {
  116. border-left: 0;
  117. }
  118. </style>

如果都使用預設值的話,直接存檔就可開始使用。

如果要修改參數請參照以上程式碼行號:

A:可參考「引用 jQuery 的注意事項」,檢查範本是否已安裝過 jQuery,如果已經安裝過請刪除此行,以免重複安裝。

G:一頁顯示幾則留言

H:留言摘要的字元數

I:頭像圖案的寬度像素 px 值;如果不想顯示頭像的話,改為 0 即可。

J~L:J、K 兩行為 Blogger、OpenID 的圖示網址;比較重要的是 L 行,請改為自訂的 "匿名頭像" 圖示網址。提醒一下,為了相容於 HTTPS 模式,網址開頭請勿使用 "http:" 字串

M~O:請依照綠字提示註解,若不想顯示文章標題、日期、或網站總留言數,請分別更改設定為 "N"

P:若需修改日期格式,請依綠字提示註解。

Q~T:可修改為自訂的圖示字元,請參考「copypastecharacter.com」或「特殊符號字元一覽表」。但不少字元在行動裝置、或較舊的瀏覽器版本可能無法正常顯示,請用行動裝置自行測試看看。如果想改用圖片顯示的話,請參考「四、常見 FAQ」→ Q2 的詳細說明。

U~V:這兩項可改為自訂字串,例如 "no."、"total:"。

AB~EG:如果熟悉 CSS 的話,可修改這裡的參數。



三、使用說明


如果發現這個最新回應小工具無法顯示留言,請先檢查以下項目:

1. 後台 → 設定 → 基本 → 網誌讀者 → 請檢查是否開放給「任何人」。

2. 後台 → 設定 → 其他 → 允許網誌資訊提供 → 請檢查是否為「完整」;如果不是完整而是「自訂」的話,請檢查「網誌留言資訊提供」是否設定為「完整」,這裡的設定必須是「完整」,最新回應才能顯示。

3. 請詳讀這篇「Blogger 最新回應的留言為何無法顯示?」,檢查是否為 G+ 留言框的問題。

如果還有其他問題,請看看「四、常見 FAQ」有沒有同樣案例可參考。若還是有問題請留言提出,會再補充到「四、常見 FAQ」。



四、常見 FAQ


Q1: 為什麼我安裝之後只顯示A、B、C、D、AC呢?

Ans: 如果你複製程式碼的時候,會把前面的行號 A、B、C...等都複製進去,可能你使用了冷門的瀏覽器,請改用本站推薦的 Chrome、Firefox、Opera 等瀏覽器操作,否則有那些行號的話,程式碼會無法執行的。


Q2: 不好意思請教一下,openLogo 和 closeLogo 參數,能夠餵外部圖片嗎?因為看 anonymous 和 openID 可以吃外部圖片,所以試著把 opneLogo 也改自己的圖片,但似乎無法生效。向您確認一下是否可以這樣做呢?

Ans: 如果要使用圖片的話,請將字串改為以下格式:

openLogo: "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX-5c3SSZgh91PXNJ1z3sjZYfdhr6lLYJvpjAvH8n5_MmkTS-YuUTrl8W5VWtAUyg7BngtAXesEZ-vMuV2zZHFdEhqm3j98jMlS-A-xgR4l-CuD31312-TkBuWobH1nqfuEg6I2RhZYiZy/s14/right.png'/>",

藍色字串改為自訂圖片網址即可,closeLogo 的改法以此類推。

而使用圖片時,「上一頁/下一頁」按鈕,無論有無作用,顏色都會一樣,那麼可在 CSS 最後一行插入以下語法:

#rc2_switchPage span {
opacity: 0.5;
}

如此可讓無作用的按鈕,圖案的顏色較淡,以示區別。


Q3: 我是從別的blog搬過來的,我試過這個版本與另一版本(無留言頭像),都會出現同樣的狀況:出現留言重複&出現"文章已刪除",但實際上,文章是存在的,並沒有刪除… 是因為我從別的blog匯入的關係嗎?還是我需要做什麼樣的修改?

Ans: 留言顯示 "文章已刪除" 的話,代表那篇留言對應的文章網址是不存在的,這表示 feed 裡面的資料是錯誤的。而為何會出錯,可能如你提的 "是因為我從別的 blog 匯入的關係嗎",也許在匯入的過程系統產生了問題。

我想到的解決方法是,先從出問題的留言,找到對應的出問題的文章,將文章刪了,再重新匯入那幾篇文章試試看。


Q4: 正在試用您的「最新留言」功能,顯示結果,一直在繞圈圈耶,沒有任何畫面出現,請問哪邊出了問題呢?

Ans: 測試過後, 程式碼正常沒有問題. 我注意到你使用的是特製範本, 非 Blogger 官方範本, 所以無法知道會是什麼地方與本文的「最新回應」小工具相衝. 只好請你改用「舊版本1」或「舊版本2」。


更多 Blogger 留言工具:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

11 則留言:

  1. 感謝WFU,不愧是V2,這次比較帥多了!

    回覆刪除
  2. 你好
    我的blogger首頁有放了圖片輪播
    所以已經有了 script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' 這行
    如果想使用這篇文章使用的"最新文章V2",需要再使用一次上面那行嗎?
    目前的情況是,上面那行是在 /head 前,但不是在前一行,大約…前20行吧
    (連同其他語法共20行,該行為20行語法的第一行)
    如果把那行移到 /head 前一行,"最新文章V2"能正常運作,但輪播會失效
    但如果不移到 /head 前一行,則輪播正常,"最新文章V2"無法顯示(一片空白)

    如果不移動該行,然後在版面配置裡新增"最新文章V2"時連同該行一起輸入
    則輪播依然失效,"最新文章V2"正常顯示

    請問這樣是正常的嗎?有沒有辦法解決呢?
    謝謝

    回覆刪除
    回覆
    1. 好的,麻煩您了
      請問方便寄EMAIL給您嗎?
      隨信附上後台"編輯HTML"中的完整內容(用記事本夾檔)讓您觀看

      刪除
  3. 剛剛裝了,目前看來挺好用的。謝謝。

    回覆刪除
  4. 你好, 剛更新了你的留言版本, 謝謝!
    我只想顯示讀者的留言, 不想顯示自己的回應, 能收改html 嗎?

    回覆刪除
  5. 这篇文章对我很有帮助,非常感谢您提供这么多的资讯~

    回覆刪除
  6. 感謝您的指導,太有幫助了

    回覆刪除
  7. 通常我在判別 http:和https: 時,會醬寫 https?:

    回覆刪除
  8. 感謝教學!終於找到看得懂而且能用又好看的😂
    想請問下方按鈕可以改成只要上下頁,不要展開收合嗎?
    還有按鈕跟圖示可以改色嗎?

    回覆刪除
  9. 想請問以下異常是……因為我自己的疏失造成的錯誤,還是大家都有出現此情況?(實名留言者被判斷為匿名、頭像似乎出現問題……等)(本人使用的是awesome inc範本)

    後台狀況:https://drive.google.com/file/d/1tozlg2_afsL9cvyp1WH1svLrwYUvC0d6/view?usp=drivesdk
    小工具呈現:https://drive.google.com/file/d/10uAYwbNUeX2sXD2JI336lUc2o1g2bnzG/view?usp=drivesdk

    回覆刪除
⏩ 提問請詳細描述狀況,並附網址或截圖,如提供的資訊不足,則無法回覆。
⏩ 提問請詳細描述狀況,並附網址或截圖,如提供的資訊不足,則無法回覆。

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP