2013年9月4日 星期三

設定Blogger最新留言回應區域教學

設定Blogger最新回應教學, 當相的不錯請參考

方法1:
紅字部份請改為您blog的網址
http://yourblogdomain/feeds/comments/default

設定Blogger最新留言回應區域 --- WebOK部落格- 原創性軟體教學,課程資訊,網路行銷,學習紀錄分享

方法2:
板面配置->新增小工具->HTML/JavaScript
新增將以下內容全部貼上&存檔.


  1. <div id="RecentCommentsArea"></div>
  2. <div id="RecentCommentsInfo"><a href="http://wayne-fu.blogspot.com/2012/10/recent-comment-avatar-update.html" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjulR0T69b5IHyJdX1Ce9ScQKjw2k9O8zOqrhtmtg-ufd9mw8uGzhZKDjxL-lNOnUFc48kLpT2gvL7_lfYpxZcAGZRXT1tvLVRdHmJytHOrICal0L17iVr2_zVb728CfjLYRZpf7ioj-4Nl/s1600/info.png" width="20"/></a></div>
  3.  
  4. <style>
  5. #RecentCommentsArea i {
  6.   color: #aaaaaa; 
  7.   font-size: 80%; 
  8.   float: right;
  9. }
  10. #RecentCommentsArea a, #RecentCommentsInfo a {
  11.   text-decoration: none;
  12. }
  13. #RecentCommentsArea span {
  14.   cursor: pointer;
  15. }
  16. #RecentCommentsInfo {
  17.   font-size: 85%;
  18. }
  19. </style>
  20. <script>
  21. var rComment_prog = {
  22.   startIndex : 1,  
  23.   showComment : 5,
  24.   summaryLength : 25,
  25.   headWidth : 35,
  26.   blogger : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvX7SIvV3f_aIWj7So_rVdhYzlVwqHmdxnmQQxXaKQgcggxUvHRv8PA68tXMkpNnkJ86mQ8jhz3pjwaj-KBo2Rp1Q9gGizu-GSu0-P-iho7MsPgLXhTRC_IUkHkEpcPHHZPPs_OThQ7H4W/s70/blogger.png",
  27.   openID : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1OR-35vi2jBDwYpW_hhgQO175CJlX98Dz5kUXfGe_t7Q738b0UIReMAbl6Z466IDWxp-AnEk3z0uRgSE_qrbTvrPJIJPCrfEO-V0hobs_Z2Xvm_OI8c6aqb4-xgbi19186N5mFvpeXcot/s70/openid.png",
  28.   anonymous : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRArwb7LwS7IXATB0KA8wuD3PPXdbz7lE5t0MeEV8XNYXllKoDELJtzWKrn-7WMYhUvUFzQUjMx-zLBNPF2NQe7pQvi8xAZNbWbL1X_jU6g6vOn9TuUi7X6-SS9uyZDieaVMI_JuGeldY/s70/noname.jpg",
  29.   serialText : "編號",
  30.   totalText : "總共",
  31.   openLogo : "",
  32.   closeLogo : ""
  33. };
  34. rComment_prog.fetch=0;rComment_prog.total=0;rComment_prog.dg=function(a){return document.getElementById(a)};rComment_prog.linkColor=function(b){var e=rComment_prog.dg,c=(b==1)?e("rc_swap0"):e("RecentCommentsArea"),d;if(c.currentStyle){d=c.currentStyle.color}else{d=window.getComputedStyle(c).color}return d};rComment_prog.event=function(a){var l=rComment_prog.total,k=rComment_prog.dg,b=rComment_prog.linkColor,g=b(1),m=b(0),e;for(e=0;e<l;e++){var c=a+e,d=k(c),h=d.previousSibling,j=h.previousSibling,o=function(q){return(function(){rComment_prog.toggle(q)})}(c),f=function(){this.style.color=g},p=function(){this.style.color=m};h.style.cssText="display: none;";d.onclick=o;h.onclick=o;j.onclick=o;h.onmouseover=f;h.onmouseout=p;j.onmouseover=f;j.onmouseout=p}};rComment_prog.toggle=function(a){if(typeof a!="number"){var e=rComment_prog.dg(a),d=e.previousSibling,b=d.previousSibling;if(d.style.display=="none"){rComment_prog.swap(1,e,d,b)}else{rComment_prog.swap(0,e,d,b)}}else{var c=rComment_prog.total,f=rComment_prog.dg,e;for(i=0;i<c;i++){n="rc_swap"+i;e=f(n);d=e.previousSibling,b=d.previousSibling;if(a==1){rComment_prog.swap(1,e,d,b)}else{rComment_prog.swap(0,e,d,b)}}}};rComment_prog.swap=function(a,d,c,b){if(a==1){b.style.display="none";c.style.display="inline";d.innerHTML=rComment_prog.closeLogo;d.title="收起留言"}else{c.style.display="none";b.style.display="inline";d.innerHTML=rComment_prog.openLogo;d.title="展開留言"}};rComment_prog.init=function(a){var c=rComment_prog.dg,d,b;if(!a){a=rComment_prog.startIndex}c("RecentCommentsArea").innerHTML='<div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOKpofR6YvyxVfWMxUkxJcwnXpmn1bDiEmzBFNRTNfrcpg3WiuJ6iOK2IpRhhATQtvRtmIKDwsGUfRRYkYzJp8xTVZzENm60KMFZYSKbVpolLzBcjv3V9UzrdiXfVVYEeOf8uO8rSIqwE6/s512/indicator-light.gif"/></div>';d="/feeds/comments/default?orderby=published&start-index="+a+"&max-results="+(rComment_prog.showComment+1)+"&alt=json-in-script&callback=rComment_prog.main";b=document.createElement("script");b.setAttribute("src",d);b.setAttribute("type","text/javascript");document.documentElement.firstChild.appendChild(b)};rComment_prog.switchPage=function(b,a,f){var d=rComment_prog.showComment,e=(b>d),c="";b=e?d:b;c+='<p><div style="text-align: right;"><a href="javascript:rComment_prog.toggle(1)" title="留言全部展開">'+rComment_prog.openLogo+'</a>  <a href="javascript:rComment_prog.toggle(0)" title="留言全部收起">'+rComment_prog.closeLogo+"


資料來源出處
http://wayne-fu.blogspot.tw/2012/10/recent-comment-avatar-update.html

沒有留言:

張貼留言