無痛加入Blogger相關文章外掛

從網路上看到了許多加入相關文章的方法，原先是想使用LinkWithin，但從WFU blog發現有更好的方法，真的是非常簡單。


Blogger 相關文章＋任意尺寸縮圖＋更多相關文章-

1. 搜尋<b:includable id='comment_picker' var='post'>下行之後
2. 複製貼上<!-- 相關文章放置處 --> <b:if cond='data:blog.pageType == "item"'> <div id="RelatedPostArea"></div> <script type='text/javascript'> var rPost_setting = { show : 4, //相關文章的數量 picWidth : 120, //縮圖寬度 picHeight : 0, //縮圖高度,預設值 0 代表自動依原比例調整 crop : "N" , //縮圖是否裁成正方形, 預設"N"為否, 改成"Y"為是. title : "相關文章推薦 :", //大標題字樣 text : "font-size: 9pt; line-height: 14px;", //文章標題的文字大小、行高. limit : 20, //一個標籤抓幾篇最新的文章 bgColor : "#eeeeee", //游標經過的背景色 border : "border: none", //相關文章的邊框形式, 預設為無邊框. noimage : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinOFCLnRT8bZV-RzfeL9NstMYsfAzi_6iLXgr4IEyKSl-OTx_0cp6yWhYinTaqKQibkQbtKwdDabV0wgysqi9g85we1O85vtRhGctmRLAYbjfQ6-X4ThGQilgvAXBG4L4t-4XU2u8Pi-BD/s1600/no-image.jpg", //無縮圖的替代圖片 more : "Y", //是否使用「更多相關文章功能」,預設"Y"為使用. morePic : "http://3.bp.blogspot.com/-PHG1WH7qTfQ/UE7RLFFiDOI/AAAAAAAAESk/z01xdicm5M4/s1600/more-rp.png", //「更多相關文章功能」的按鈕圖片 gif : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi52EbuGAW31RnhH67SJITy3PV2sToNTr4Bju9fGK18wVTtfwMiPKGG81RvkGoxVcd3R-0Btcrkkt7cWd5RuY2L0FvnRgb4VXzWp8oknQMtQ3n-eT91V2ob5aqn1GoT0t9uF1qSRsT69KFa/s512/indicator-light.gif", //過場 gif 圖片 postUrl : "<data:post.canonicalUrl/>" }; function rPost_init(e) { if(e) {document.getElementById("RelatedPostArea").innerHTML = "<center><img src='"+ rPost_setting.gif +"'/></center>";} <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name != "站務"'> <b:if cond='data:label.name != "站務留言板"'> var label = "<data:label.name/>"; var url = "/feeds/posts/summary/-/"+ label +"?alt=json-in-script&amp;callback=rPost_main.RelatedLabels&amp;max-results="+ rPost_setting.limit; var script = document.createElement('script'); script.setAttribute('src', url); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); rPost_main.countLabel++; <b:if cond='data:label.isLast == "true"'> rPost_main.lastLabel = rPost_main.countLabel; </b:if> </b:if> </b:if> </b:loop> } (function() { var url = "http://wayne-fu.googlecode.com/files/related-post-120913-min.js"; var script = document.createElement('script'); script.setAttribute('src', url); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } )(); </script> </b:if> <!-- 相關文章尾 --> 
3. 收工完成圖。
   

參考網站-

• WFU Blog#Blogger 相關文章＋任意尺寸縮圖＋更多相關文章