// API callback
related_results_labels({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-10481739"},"updated":{"$t":"2023-12-02T18:33:46.890+08:00"},"category":[{"term":"all"},{"term":"computer"},{"term":"blog"},{"term":"baby"},{"term":"linux"},{"term":"blogger hack"},{"term":"food"},{"term":"css"},{"term":"programming"},{"term":"apple"},{"term":"javascript"},{"term":"goods"},{"term":"software"},{"term":"AJAX"},{"term":"google"},{"term":"mac os x"},{"term":"others"},{"term":"picture"},{"term":"Design"},{"term":"IE"},{"term":"WTF"},{"term":"firefox"},{"term":"template"},{"term":"vim"},{"term":"JSON"},{"term":"secret"},{"term":"security"},{"term":"Snow Leopard"},{"term":"htc"},{"term":"Mac"},{"term":"book"},{"term":"film"},{"term":"gdb"},{"term":"hardware"},{"term":"leopard"},{"term":"movie"},{"term":"script"},{"term":"slide"},{"term":"tips"},{"term":"CLI"},{"term":"Terminal"},{"term":"Web Service"},{"term":"bash"},{"term":"editor"},{"term":"flickr"},{"term":"kernel"},{"term":"macports"},{"term":"music"},{"term":"mv"},{"term":"peripheral"},{"term":"search"},{"term":"theme"},{"term":"tmux"},{"term":"tool"},{"term":"wretch"},{"term":"ASCII"},{"term":"Adobe"},{"term":"BARRUSE"},{"term":"BBS"},{"term":"Browser"},{"term":"C"},{"term":"C++"},{"term":"Cappuccino"},{"term":"Comet"},{"term":"Digg"},{"term":"GF1"},{"term":"God"},{"term":"Gozilla"},{"term":"IE8"},{"term":"InDesign"},{"term":"LaCie"},{"term":"Notebook"},{"term":"OpenID"},{"term":"SproutCore"},{"term":"WordPress"},{"term":"XHTML"},{"term":"aperture"},{"term":"article"},{"term":"birthday"},{"term":"blogger"},{"term":"command line interface"},{"term":"cool"},{"term":"dd-wrt"},{"term":"donate"},{"term":"donation"},{"term":"finance"},{"term":"firework"},{"term":"flash"},{"term":"fun"},{"term":"gnu"},{"term":"httpd"},{"term":"hypo"},{"term":"iCloud"},{"term":"iPhone"},{"term":"keynote"},{"term":"long polling"},{"term":"man"},{"term":"marriage"},{"term":"microsoft"},{"term":"mobile"},{"term":"nba"},{"term":"paypal"},{"term":"photo"},{"term":"polling"},{"term":"proposal"},{"term":"rdp"},{"term":"reverse ssh tunnel"},{"term":"screen"},{"term":"server push"},{"term":"shell"},{"term":"shoes"},{"term":"snapshot"},{"term":"ssh"},{"term":"ssh tunnel"},{"term":"statistics"},{"term":"stock"},{"term":"taiwan"},{"term":"temple"},{"term":"tricks"},{"term":"unix"},{"term":"vi"},{"term":"video"},{"term":"vista"},{"term":"wedding"},{"term":"wordle"},{"term":"youtube"},{"term":"巴魯斯桌上遊戲"}],"title":{"type":"text","$t":"Kaie's Blog"},"subtitle":{"type":"html","$t":"　 Apple, Mac OS X, Linux, Embedded System, Vim Rocks, Blogger Hack ... VIVOTEK nOOb"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https:\/\/chenkaie.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/-\/blogger+hack?alt=json-in-script\u0026max-results=5"},{"rel":"alternate","type":"text/html","href":"https:\/\/chenkaie.blogspot.com\/search\/label\/blogger%20hack"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/-\/blogger+hack\/-\/blogger+hack?alt=json-in-script\u0026start-index=6\u0026max-results=5"}],"author":[{"name":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/09229203493337676269"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"23"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"5"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-10481739.post-5144514427577415495"},"published":{"$t":"2007-07-30T09:54:00.007+08:00"},"updated":{"$t":"2008-05-15T01:53:22.023+08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"all"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger hack"},{"scheme":"http://www.blogger.com/atom/ns#","term":"computer"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WTF"}],"title":{"type":"text","$t":"[Blogger Hack] Comment Photo Hack (在Comment處顯示回應者圖片)"},"content":{"type":"html","$t":"\u003Cspan style=\"font-family:georgia;\"\u003E　　這個Blogger Hack我已經使用很久了，也是我個人非常喜愛的一個Hack，在我的\u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2006\/12\/template-kubrick-style-for-blogger-beta.html\"\u003EKubrick\u003C\/a\u003E版型中，也有提供之功能!我覺得在回應文章時，同時顯示回應者的圖像是很酷的一件事，看圖片很快就可以辨認出是某某某，同時此iCon也具有特別的意義，像徵著你的Blog Spirit..等同於一個人的網路身份..口桀口桀 (XD..當我在亂講就好...是我個人特別癖好罷了)，當初在找這個Hack的時候，覺得明明Blogger就可以自行提供個人Profile Image的link，很簡單就可以辦到了，沒什麼技術上的問題，但為啥不提供...後來在\u003Ca href=\"http:\/\/groups.google.com\/group\/blogger-help\"\u003EGoogle Groupgs\u003C\/a\u003E有看到，聽說官方的回應是，會有關於安全性方面的問題，所以不提供...至於問題是如何，當然就沒提到囉...\u003Cblockquote\u003E※Demo1: \u003Ca href=\"http:\/\/chenkaie.googlepages.com\/BlogPluginsPic1.png\"\u003Eexample\u003C\/a\u003E\u003Cbr \/\u003E※Demo2: \u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2006\/12\/template-kubrick-style-for-blogger-beta.html\"\u003E以這篇回應較多的文章來看看吧\u003C\/a\u003E...\u003C\/blockquote\u003E\u003Cbr \/\u003E　　因為之前較沒空，所以一直懶得翻譯...並且有不少網友來信問說是如何弄的，所以就直接來篇翻翻教學吧，請往下看吧..\u003Cbr \/\u003E\u003Cspan id=\"fullpost\"\u003E\u003Ccode class=\"ref\"\u003E．參考資料來源：\u003Cbr \/\u003E\u003Ca href=\"http:\/\/singpolyma.net\/2007\/05\/new-comment-photo-hack-blogger\/\"\u003ENew Comment Photo Hack (Blogger)\u003C\/a\u003E (新方法，較簡易，底下講解此方法..)\u003Cbr \/\u003E\u003Ca href=\"http:\/\/singpolyma.net\/2006\/05\/comment-photos-and-highlighting\/\"\u003Ecomment photos and highlighting hack\u003C\/a\u003E (這篇是舊方法)\u003C\/code\u003E\u003Cspan style=\"font-weight:bold; color:#f33;\"\u003EStep1.\u003C\/span\u003E首先開啟你的Template(記得要是完整的，也就是到\"Edit Html\"頁面勾選\"Expand Widget Templates\")，找到底下的code\u003Ccode\u003E\u0026lt;dl id='comments-block'\u0026gt;\u003Cbr \/\u003E\u0026lt;b:loop values='data:post.comments' var='comment'\u0026gt;\u003C\/code\u003E在這段code底下插入下面的code\u003Ccode\u003E\u0026lt;div style=\"clear:both\"\u0026gt;\u003Cbr \/\u003E\u0026lt;dt style=\"float:left;margin-right:5px;clear:both;\" expr:id='\"commentphoto\" + data:comment.id'\u0026gt;\u0026lt;\/dt\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"color:#aaf;font-weight:bold;\"\u003E\u0026lt;!--\u0026#24213;\u0026#19979;\u0026#36889;\u0026#27573;\u0026#65292;\u0026#37341;\u0026#23565;IE\u0026#20462;\u0026#27491;\u0026#20102;\u0026#20123;\u0026#23567;bug--\u0026gt;\u003Cbr \/\u003E\u0026lt;b:if cond='data:comment.authorUrl'\u0026gt;\u003Cbr \/\u003E\u0026amp;lt;script type=\u0026amp;quot;text\/javascript\u0026amp;quot;\u0026amp;gt; if(typeof(commentPhotoIds) == \u0026amp;#39;undefined\u0026amp;#39;) var commentPhotoIds = []; commentPhotoIds.push({\u0026amp;#39;id\u0026amp;#39;:\u0026amp;#39;commentphoto\u0026lt;data:comment.id\/\u0026gt;\u0026amp;#39;, \u0026amp;#39;url\u0026amp;#39;:\u0026amp;#39;\u0026lt;data:comment.authorUrl\/\u0026gt;\u0026amp;#39;});\u0026amp;lt;\/script\u0026amp;gt;                \u003Cbr \/\u003E\u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u0026amp;lt;script type=\u0026amp;quot;text\/javascript\u0026amp;quot;\u0026amp;gt; if(typeof(commentPhotoIds) == \u0026amp;#39;undefined\u0026amp;#39;) var commentPhotoIds = []; commentPhotoIds.push({\u0026amp;#39;id\u0026amp;#39;:\u0026amp;#39;commentphoto\u0026lt;data:comment.id\/\u0026gt;\u0026amp;#39;, \u0026amp;#39;url\u0026amp;#39;:\u0026amp;#39;\u0026amp;#39;});\u0026amp;lt;\/script\u0026amp;gt;                \u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/span\u003E\u003C\/code\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight:bold; color:#f33;\"\u003EStep2.\u003C\/span\u003E接著往下滾，你會找到一個相對應的\u0026lt;\/b:loop\u0026gt;，在\u0026lt;\/b:loop\u0026gt;之前新增底下的code\u003Ccode\u003E\u0026lt;\/div\u0026gt;\u003C\/code\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight:bold; color:#f33;\"\u003EStep3.\u003C\/span\u003E在tempalte中，找到\u0026lt;\/body\u0026gt;，接著將底下這段code貼在\u0026lt;\/body\u0026gt;上面，底下有maxwidth(限制最大圖像寬度)和defaultimage(若在Profile中沒有圖片時，所使用的預設圖片)參數供你自行調整\u003Cpre\u003E\u003Ccode\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E  function commentPhotoDo() {\u003Cbr \/\u003E      var tag;\u003Cbr \/\u003E      \u003Cspan style=\"color:#aaf;font-weight:bold;\"\u003Efor(var i = 0; i \u003C commentPhotoIds.length; i++) { \u003Cbr \/\u003E\/\/上面那行，相較於原文，也作了些小修正了，解決一些怪異的行為\u003C\/span\u003E\u003Cbr \/\u003E        tag = document.createElement('script');\u003Cbr \/\u003E        tag.type = 'text\/javascript';\u003Cbr \/\u003E        tag.src = 'http:\/\/scrape.singpolyma.net\/avatar.php?maxwidth=70\u0026amp;url='+encodeURIComponent(commentPhotoIds[i].url)+'\u0026amp;id='+encodeURIComponent(commentPhotoIds[i].id)+'\u0026amp;defaultimage='+encodeURIComponent('http:\/\/img139.imageshack.us\/img139\/1011\/defaultavatarad7.png');\u003Cbr \/\u003E        document.body.appendChild(tag);\u003Cbr \/\u003E      }\/\/end for var i in commentPhotoIds\u003Cbr \/\u003E  }\/\/end function commentPhotoDo\u003Cbr \/\u003E  \u003Cspan style=\"color:#aaf;font-weight:bold;\"\u003Eif(typeof(commentPhotoIds) != \"undefined\") commentPhotoDo();\u003C\/span\u003E \/\/在首頁不執行此script\u003Cbr \/\u003E\/\/]]\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-weight:bold; color:#f33;\"\u003EStep4.\u003C\/span\u003E接著就是存檔，就ok啦...快去看看你的成果吧..\u003C\/span\u003E\u003C\/span\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Cimg alt=\"Creative Commons Licence\" src=\"http:\/\/i.creativecommons.org\/l\/by-nc-sa\/2.5\/88x31.png\"\/\u003E © 2006-2013 Kent Chen(Kaie's Blog).\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/chenkaie.blogspot.com\/feeds\/5144514427577415495\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/www.blogger.com\/comment.g?blogID=10481739\u0026postID=5144514427577415495\u0026isPopup=true","title":"96 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/5144514427577415495"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/5144514427577415495"},{"rel":"alternate","type":"text/html","href":"https:\/\/chenkaie.blogspot.com\/2007\/07\/blogger-hack-comment-photo-hack-comment.html","title":"[Blogger Hack] Comment Photo Hack (在Comment處顯示回應者圖片)"}],"author":[{"name":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/09229203493337676269"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"thr$total":{"$t":"96"}},{"id":{"$t":"tag:blogger.com,1999:blog-10481739.post-7868470849855314461"},"published":{"$t":"2007-07-14T01:00:00.000+08:00"},"updated":{"$t":"2007-07-14T04:37:44.250+08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"all"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger hack"},{"scheme":"http://www.blogger.com/atom/ns#","term":"computer"},{"scheme":"http://www.blogger.com/atom/ns#","term":"google"},{"scheme":"http://www.blogger.com/atom/ns#","term":"javascript"},{"scheme":"http://www.blogger.com/atom/ns#","term":"template"}],"title":{"type":"text","$t":"[公告] 更新之前發佈過的一些 blogger 相關網頁"},"content":{"type":"html","$t":"\u003Cspan style=\"font-family:georgia;\"\u003E　　由於之前所發佈過的一些blogger hack，原作者已經不再hosting此javascript file ( \u003Ca href=\"http:\/\/www.anniyalogam.com\/widgets\/hackosphere.js\"\u003Ehttp:\/\/www.anniyalogam.com\/widgets\/hackosphere.js\u003C\/a\u003E ) ，所以牽涉到了底下幾個hack是否能夠正常運作，所以有使用到下列相關功能的人，請更新一下!\u003Cbr \/\u003E(只要看底下各篇中有註明 \u003Cspan style=\"font-weight: bold; color: rgb(255, 0, 0);\"\u003E[Updated 2007\/07\/14]\u003C\/span\u003E 的部份即可)\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cul\u003E\u003Cli\u003E\u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2006\/12\/template-kubrick-style-for-blogger-beta.html\"\u003E[Template] Kubrick style for Blogger beta\u003C\/a\u003E\u003C\/li\u003E\u003Cli\u003E\u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2006\/11\/blog-peek-boo-view-of-posts-in.html\"\u003E[Blog] Peek-A-Boo view of posts in label\/archive pages\u003C\/a\u003E\u003C\/li\u003E\u003Cli\u003E\u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2006\/11\/blog-expandable-posts-with-peekaboo_2149.html\"\u003E[Blog] Expandable posts with Peekaboo view (blogger beta)\u003C\/a\u003E\u003C\/li\u003E\u003C\/ul\u003E※還有一個重點就是，我之前porting到Blogger的kubrick (\u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2006\/12\/template-kubrick-style-for-blogger-beta.html\"\u003E[Template] Kubrick style for Blogger beta\u003C\/a\u003E) 這個template，也由於我所使用的googlepages空間，和 \u003Ca href=\"http:\/\/hackosphere.blogspot.com\/\"\u003Ehttp:\/\/hackosphere.blogspot.com\/\u003C\/a\u003E這個站的作者 Ramani 糟遇到同樣的問題...\u003Cspan style=\"font-weight: bold; color: rgb(255, 0, 0);\"\u003E\"Bandwidth exceeded\"\u003C\/span\u003E，也就是超越了googlepages所提供的頻寬上限，導致很多放在 http:\/\/chenkaie.googlepages.com 底下的東西都load不出來了..OMFG，所以我想有很多有使用\u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2006\/12\/template-kubrick-style-for-blogger-beta.html\"\u003EKubrick\u003C\/a\u003E template的網友，可能要忍耐一下了(好像要過個兩三天，權限才會復原)，囧囧囧囧rz.... 因此你的Blog暫時會醜個幾天，見不得人!!\u003Cbr \/\u003E\u003Cbr \/\u003E若怕再遇到此情形，請自己host所使用到的檔案(也就是以http:\/\/chenkaie.googlepages.com\/ooo.xxx 這個型式存存的檔案)，比較保險...\u003Cbr \/\u003E\u003Cbr \/\u003E(謎：到底是啥檔案將我的googlepages帳號搞掛的...兇手快出來自首，自首無罪，抓到絕對嚴懲 \u003E\"\u003C )\u003C\/span\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Cimg alt=\"Creative Commons Licence\" src=\"http:\/\/i.creativecommons.org\/l\/by-nc-sa\/2.5\/88x31.png\"\/\u003E © 2006-2013 Kent Chen(Kaie's Blog).\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/chenkaie.blogspot.com\/feeds\/7868470849855314461\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/www.blogger.com\/comment.g?blogID=10481739\u0026postID=7868470849855314461\u0026isPopup=true","title":"23 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/7868470849855314461"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/7868470849855314461"},{"rel":"alternate","type":"text/html","href":"https:\/\/chenkaie.blogspot.com\/2007\/07\/blogger.html","title":"[公告] 更新之前發佈過的一些 blogger 相關網頁"}],"author":[{"name":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/09229203493337676269"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"thr$total":{"$t":"23"}},{"id":{"$t":"tag:blogger.com,1999:blog-10481739.post-1702946844838038208"},"published":{"$t":"2007-05-11T09:43:00.000+08:00"},"updated":{"$t":"2007-05-11T15:18:27.432+08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"AJAX"},{"scheme":"http://www.blogger.com/atom/ns#","term":"all"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger hack"},{"scheme":"http://www.blogger.com/atom/ns#","term":"computer"},{"scheme":"http://www.blogger.com/atom/ns#","term":"JSON"}],"title":{"type":"text","$t":"[AJAX\/JSON] Kaie's Blog 2.0 (beta)"},"content":{"type":"html","$t":"\u003Cspan style=\"font-family:georgia;\"\u003E　　之前所提到的「\u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2007\/05\/template-neo-for-everyone.html\"\u003ENeo for everyone\u003C\/a\u003E」這個Cool Template，離釋放出來的時間，已經過很多天囉。最近終於手癢忍不住，下海啦...再度花了我不少寶貴時間惡搞 XD...\u003Cbr \/\u003E　　幸好效果還蠻滿意的，真低素很快很快低內…至於美中不足之處，在 \u003Ca href=\"http:\/\/rarunach.googlepages.com\/neofaq\"\u003ENeo FAQ\u003C\/a\u003E 和 \u003Ca href=\"http:\/\/hackosphere.blogspot.com\/2007\/05\/installing-neo-template-in-your-blog.html\"\u003EInstalling Neo template in your blog\u003C\/a\u003E 此兩篇文章中有提到，作者說，為了追求更快的反應速度，於是在單篇文章Label部份以及Comment部份的功能，可能較不完整…但不影響整個BlogSite的操作..\u003Cspan style=\"font-weight: bold;\"\u003E有興趣的人，也趕緊來動手作看看吧...改天若真的太閒時，再來把功能改修改得完整一些，那麼以後就可以直接切換成此平台了，\u003Cspan style=\"color: rgb(153, 51, 51);\"\u003E使用Google所提供的Blog平台，當然就要跟上Google的腳步，Hack成Google所提供的服務[Google Reader,GMail...]一樣，這些利用AJAX所implement出來的產品，Page Loading時間超短、反應迅速、互動性高，這些賣點太吸引我鳥...果然能留住客戶的腳步\u003C\/span\u003E\u003C\/span\u003E\u003Cbr \/\u003E　　感謝Ramani免費提供的Neo Template，我Hack完之後，所展視出來的效果，請點擊底下連結\u003Cblockquote\u003E\u003Cdiv style=\"text-align: center; font-weight: bold;\"\u003E\u003Cspan style=\"font-family:georgia;\"\u003E\u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2001\/05\/kaies-blog-20-lightning-fast-ajaxjson.html\"\u003EKaie's Blog 2.0 (beta)\u003C\/a\u003E\u003C\/span\u003E\u003C\/div\u003E\u003C\/blockquote\u003E　　操作方法相當簡單，如下：\u003Col\u003E\u003Cli\u003E選擇Tags Cloud中的某一個Tag，選「all」代表所有文章，接荖它會自動捲到，根據「XXX」Tag，所抓取出來的文章列表之處。\u003C\/li\u003E\u003Cli\u003E選擇一篇，你所喜愛的文章即可...接荖它又會自動捲到該篇文章的開始之處...（以極快的速度顯示出來..嘻嘻)\u003C\/li\u003E\u003C\/ol\u003E\u003C\/span\u003E\u003C\/span\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Cimg alt=\"Creative Commons Licence\" src=\"http:\/\/i.creativecommons.org\/l\/by-nc-sa\/2.5\/88x31.png\"\/\u003E © 2006-2013 Kent Chen(Kaie's Blog).\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/chenkaie.blogspot.com\/feeds\/1702946844838038208\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/www.blogger.com\/comment.g?blogID=10481739\u0026postID=1702946844838038208\u0026isPopup=true","title":"5 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/1702946844838038208"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/1702946844838038208"},{"rel":"alternate","type":"text/html","href":"https:\/\/chenkaie.blogspot.com\/2007\/05\/ajaxjson-kaies-blog-20-beta.html","title":"[AJAX\/JSON] Kaie's Blog 2.0 (beta)"}],"author":[{"name":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/09229203493337676269"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"thr$total":{"$t":"5"}},{"id":{"$t":"tag:blogger.com,1999:blog-10481739.post-3456480402618796681"},"published":{"$t":"2007-05-04T02:23:00.000+08:00"},"updated":{"$t":"2007-05-07T00:14:49.630+08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"AJAX"},{"scheme":"http://www.blogger.com/atom/ns#","term":"all"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger hack"},{"scheme":"http://www.blogger.com/atom/ns#","term":"computer"},{"scheme":"http://www.blogger.com/atom/ns#","term":"JSON"},{"scheme":"http://www.blogger.com/atom/ns#","term":"template"}],"title":{"type":"text","$t":"[Template] Neo for everyone"},"content":{"type":"html","$t":"\u003Cspan style=\"font-family:georgia;\"\u003E哇呼…這是個天大地大的好消息呀!! 我曾經有提過一個國外的Blogger Hacker所設計出的新Template，利用 AJAX\/JSON 的技術，使得整體Blog的速度飛快，就好像在操作本機端所架設的網站一般，幾乎沒有什麼Page Loading的感覺，(在此篇中 \u003Ca href=\"http:\/\/chenkaie.blogspot.com\/2006\/12\/blog-not-only-awesome-but-lightning.html\"\u003E[Blog] A not only Awesome but Lightning Fast Blog\u003C\/a\u003E)，如今此位Hacker\u003Cspan style=\"font-weight: bold; color: rgb(204, 0, 0);\"\u003E免費釋放出此template供大家使用\u003C\/span\u003E(之前可是要價10美金的唷!!)，有興趣的人快來嚐試一下吧...\u003Cbr \/\u003E\u003Cspan id=\"fullpost\"\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Cblockquote\u003E\u003Ca href=\"http:\/\/www.anniyalogam.com\/neo\/neo.xml\"\u003E下載 「Neo For Everyone」Template \u003Cbr \/\u003E\u003Cspan style=\"font-weight: bold; color: rgb(204, 0, 0);\"\u003E(記得按右鍵 -\u003E 另存新檔，直接開啟是不對的方式)\u003C\/span\u003E\u003C\/a\u003E\u003C\/blockquote\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cspan class=\"DropCap\"\u003E更\u003C\/span\u003E屌的是，作者有提提供一個叫「\u003Ca href=\"http:\/\/neo.anniyalogam.com\/\"\u003ENeo demo blog\u003C\/a\u003E」的站台，讓你輸入你的Blogsite URL之後，即可讓你馬上體驗一下，利用 AJAX\/JSON 所帶來的那種全新的「快感」體驗...就算你不喜歡它的template style(我就是這種人..哈哈)，也一定要去親身體驗一下「自己的Blog能夠有光速般飛快」的fu...嘻\u003Cbr \/\u003E\u003Cbr \/\u003E我想所帶來的衝擊將會是引領更多的人，親身感覺到 AJAX\/JSON 的Power...套用一句古人的話：「師父 Neo 引進門，修行靠個人」，我想若有機會並且有時間的話，我的Blog下一步最大的改版，將是跟著 Neo 師父走，盡可能將我的 Blog 運用更多的 AJAX\/JSON 技術，避免Reload一些重覆性的部份，加速網頁開啟的速度...(希望不是光說不練...XD) \u003Ccode class=\"ref\"\u003E※資料來源：\u003Cbr \/\u003E\u003Ca href=\"http:\/\/hackosphere.blogspot.com\/2007\/05\/neo-for-everyone.html\"\u003EHackosphere -\u003E Neo for everyone!\u003C\/a\u003E \u003C\/code\u003E\u003C\/span\u003E\u003C\/span\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Cimg alt=\"Creative Commons Licence\" src=\"http:\/\/i.creativecommons.org\/l\/by-nc-sa\/2.5\/88x31.png\"\/\u003E © 2006-2013 Kent Chen(Kaie's Blog).\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/chenkaie.blogspot.com\/feeds\/3456480402618796681\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/www.blogger.com\/comment.g?blogID=10481739\u0026postID=3456480402618796681\u0026isPopup=true","title":"14 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/3456480402618796681"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/3456480402618796681"},{"rel":"alternate","type":"text/html","href":"https:\/\/chenkaie.blogspot.com\/2007\/05\/template-neo-for-everyone.html","title":"[Template] Neo for everyone"}],"author":[{"name":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/09229203493337676269"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"thr$total":{"$t":"14"}},{"id":{"$t":"tag:blogger.com,1999:blog-10481739.post-7816736477415766048"},"published":{"$t":"2007-04-19T14:58:00.000+08:00"},"updated":{"$t":"2008-11-13T19:12:00.686+08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"all"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger hack"},{"scheme":"http://www.blogger.com/atom/ns#","term":"computer"},{"scheme":"http://www.blogger.com/atom/ns#","term":"javascript"},{"scheme":"http://www.blogger.com/atom/ns#","term":"template"}],"title":{"type":"text","$t":"[Javascript] Style Sheet Switcher"},"content":{"type":"html","$t":"\u003Cspan style=\"font-family:georgia;\"\u003E由於上次使用朋友的電腦，是屬於「16:9 WideScreen」，忽然覺得我的Blog的版面在WideScreen的螢幕底下看，似乎有點浪費空間，好空虛的感覺 ...XD，WideScreen也是未來的趨勢，以後應該買不到一般「4:3」的螢幕了吧..囧rz，看來我的 Eizo L365 可以退休了...於是改成「三欄式」或是「寬版面」Template的趨勢，似乎是不可或免的!\u003Cbr \/\u003E\u003Cbr \/\u003E※根據 Google Analytics 的「螢幕解析度」分析數據如下：\u003Cbr \/\u003E\u003Ca onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/1.bp.blogspot.com\/_1V5MuLmPTS4\/RieeS_doIzI\/AAAAAAAAADs\/EcLyQJvkKhk\/s1600-h\/Resolution.JPG\"\u003E\u003Cimg style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http:\/\/1.bp.blogspot.com\/_1V5MuLmPTS4\/RieeS_doIzI\/AAAAAAAAADs\/EcLyQJvkKhk\/s320\/Resolution.JPG\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5055183155857204018\" \/\u003E\u003C\/a\u003E\u003Cspan id=\"fullpost\"\u003E結論是閱讀此Blog的人，大概還是有五成以上是使用「1024x768」，所以目前的版面配置樣式，似乎還可以再撐一陣子..^_^，但為了照料那些使用「1280x???」解析度的人，還是得將版面給加寬些，降子看起來比較順眼些(純屬個人自以為)，所以就目前的情況來說，讓使用者能夠\u003Cspan style=\"font-weight: bold;\"\u003E自行選擇版面大小\u003C\/span\u003E是再適合不過的了，「力供丟嗯丟呀!」，並且\u003Ca href=\"http:\/\/www.yahoo.com\/\"\u003EYahoo\u003C\/a\u003E也有寬窄頁面切換的功能，看來我有跟得上時代的潮流..呃...\u003Cbr \/\u003E\u003Cbr \/\u003E※使用方式，請見下圖：\u003Cbr \/\u003E\u003Ca onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/3.bp.blogspot.com\/_1V5MuLmPTS4\/Riec6fdoIyI\/AAAAAAAAADk\/N4jFyjLQM1Q\/s1600-h\/ThemeSelection.JPG\"\u003E\u003Cimg style=\"margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;\" src=\"http:\/\/3.bp.blogspot.com\/_1V5MuLmPTS4\/Riec6fdoIyI\/AAAAAAAAADk\/N4jFyjLQM1Q\/s320\/ThemeSelection.JPG\" alt=\"\" id=\"BLOGGER_PHOTO_ID_5055181635438781218\" border=\"0\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E※如何取得此功能\u003Cbr \/\u003E\u003Ccode class='ref'\u003E資料來源：\u003Cbr \/\u003E英文:\u003Ca href=\"http:\/\/www.dynamicdrive.com\/dynamicindex9\/stylesheetswitcher.htm\"\u003EDynamic Drive DHTML Scripts- Style Sheet Switcher (v1.1)\u003C\/a\u003E\u003Cbr \/\u003E中文: \u003Ca href=\"http:\/\/ibenjamin.blogspot.com\/2007\/02\/blogger_19.html\"\u003EBen's 部落不及格: Blogger進階玩-如何即時切換版型\u003C\/a\u003E \u003Cbr \/\u003E註：懶得看英文的話，就看Ben兄的說明吧，生動又好懂低..\u003C\/code\u003E\u003Cbr \/\u003E\u003C\/span\u003E\u003C\/span\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Cimg alt=\"Creative Commons Licence\" src=\"http:\/\/i.creativecommons.org\/l\/by-nc-sa\/2.5\/88x31.png\"\/\u003E © 2006-2013 Kent Chen(Kaie's Blog).\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/chenkaie.blogspot.com\/feeds\/7816736477415766048\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/www.blogger.com\/comment.g?blogID=10481739\u0026postID=7816736477415766048\u0026isPopup=true","title":"12 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/7816736477415766048"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/10481739\/posts\/default\/7816736477415766048"},{"rel":"alternate","type":"text/html","href":"https:\/\/chenkaie.blogspot.com\/2007\/04\/javascript-style-sheet-switcher.html","title":"[Javascript] Style Sheet Switcher"}],"author":[{"name":{"$t":"Anonymous"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/09229203493337676269"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/_1V5MuLmPTS4\/RieeS_doIzI\/AAAAAAAAADs\/EcLyQJvkKhk\/s72-c\/Resolution.JPG","height":"72","width":"72"},"thr$total":{"$t":"12"}}]}});