※For English Reader: Because Taiwan has mandatory military service for all males since 1949, I have to join the military for 1 year and 4 months! But I sometimes have holidays on the weekend, therefore I may miss your message until weekend!
If you are hurry to get response, I am sorry for any inconvenience or disappointment this may cause..but for the sake of critical reply, I would reply u as soon as I can!
為了替代役的軍旅生涯，在 2007/01/06 我離開了台北!! 將於 2007/01/11 進軍台中成功嶺...God bless me...看來我的Blog要停擺一陣子了..阿嗚..還有若你有在我的Blog留言的話，可能最快要週末時才能回覆您的問題...先說聲抱歉!!
為了紀念一下台北的愛的"小"窩(真的很小…囧rz)，來貼個幾張圖吧...^^
．Photo by SonyEricsson K750:
Click Here to Close
※1.排序(Sort) : 點擊標題 2.快速顯示某項分類(Label) : 點擊分類名稱
Click Here to Close
Tags Cloud
My Secret Notebook (我的火星文記事本)
※請點擊此連結開始解讀火星文記事本(Click here to Decode):
c5X3jlpV7oPRK7T4atrTXlF8I2KtF+UkIlezLVtCdoxLReWF
mm0NiDU82M4jV6t2RBCBrz25cuC9sjNwAuamtlEmcM1VguTu
hVs5vX7xayeXoDLwLRIsXDdxVSYNoZecdMY16+hwqpbgm2ch
78a90t0Gr9zL74TcZYwjdl3BbmnCRBJjD88dRHxdcPqIiDGp
zWe9q/XdSxe6yXKdh/hwQJ+D+o6XPWboby+RmoOtn9wmdQnN
o8h7BKWLQQMO+5XEV0RDZmUO3X7ADN8bzC8JmhP1BVP2V80d
Fs3ohWPSt7UBKnHCwI5tyeakRQihDKCzfiP7F0J+spSxCSlR
PqAj0w88PWB2ax8Y2++K/XMFHF6VuSeRhSMCaExmTTLqngxc
WlEA551OvUriquyW8QQc6jVg8lQn4m4H78QgUPvc2F3LsYKm
fd9HLa+mXrnTgh4SfgyUmS84BZdoGpMbfM4OpuWgFVZcN2e/
uKhuJm7md4G0wyo7efCLPwWWWqxZG8yzwQAHDQr5p/3xZeX4
qjMXzpXiwCqLzTGbZPqx9XMDqtrardSQNAw3dJgxgWALNzyu
/OOiDZGnobvYgDXDRuMQHo1k7gvSR7J+SNIbw7cd4696ChIL
c97GW+hdMcpTOcK9dhIKK8tXDJxiM7OSA28KCN4Wn3N1iJ9y
w4Y6W4GqbSiRxrze5zwOGeG5SbvrYvJ4LSDgND6fszdE43uk
PoPKYyfg3r4JcwrcqDJXcv1jWDuLi1swUK8lXhLLA7Ahfl8a
r+3IJJ4bnUASn9UiEMRZsOKJvK83A/TVZTS5QTz9etA60x7T
67VlH432PnH/ktoaE1XmqhbFgZ7v9UD7ujgxFMYvJ7Y9dNcI
bd3iUVa9EmudYLEuw4Otze1lLL3NQgUb+NNjgKx7r6bUHdmZ
WW7V9g==
mm0NiDU82M4jV6t2RBCBrz25cuC9sjNwAuamtlEmcM1VguTu
hVs5vX7xayeXoDLwLRIsXDdxVSYNoZecdMY16+hwqpbgm2ch
78a90t0Gr9zL74TcZYwjdl3BbmnCRBJjD88dRHxdcPqIiDGp
zWe9q/XdSxe6yXKdh/hwQJ+D+o6XPWboby+RmoOtn9wmdQnN
o8h7BKWLQQMO+5XEV0RDZmUO3X7ADN8bzC8JmhP1BVP2V80d
Fs3ohWPSt7UBKnHCwI5tyeakRQihDKCzfiP7F0J+spSxCSlR
PqAj0w88PWB2ax8Y2++K/XMFHF6VuSeRhSMCaExmTTLqngxc
WlEA551OvUriquyW8QQc6jVg8lQn4m4H78QgUPvc2F3LsYKm
fd9HLa+mXrnTgh4SfgyUmS84BZdoGpMbfM4OpuWgFVZcN2e/
uKhuJm7md4G0wyo7efCLPwWWWqxZG8yzwQAHDQr5p/3xZeX4
qjMXzpXiwCqLzTGbZPqx9XMDqtrardSQNAw3dJgxgWALNzyu
/OOiDZGnobvYgDXDRuMQHo1k7gvSR7J+SNIbw7cd4696ChIL
c97GW+hdMcpTOcK9dhIKK8tXDJxiM7OSA28KCN4Wn3N1iJ9y
w4Y6W4GqbSiRxrze5zwOGeG5SbvrYvJ4LSDgND6fszdE43uk
PoPKYyfg3r4JcwrcqDJXcv1jWDuLi1swUK8lXhLLA7Ahfl8a
r+3IJJ4bnUASn9UiEMRZsOKJvK83A/TVZTS5QTz9etA60x7T
67VlH432PnH/ktoaE1XmqhbFgZ7v9UD7ujgxFMYvJ7Y9dNcI
bd3iUVa9EmudYLEuw4Otze1lLL3NQgUb+NNjgKx7r6bUHdmZ
WW7V9g==
My Flickr
| [+/-] |
[others] Leaving Taipei... & Mandatory Military Service |
．Comment counts:
19 Comments
| [+/-] |
[AJAX] AJAX Labels Cloud |
今天在 Blogger Hacked 發現一個超棒的東西叫作AJAX Labels，也就是之前 [Blog] Peek-A-Boo view of posts in label pages 的改良版，利用 AJAX/JSON 的技術，大幅提升Blog的更新速度，效果就像此圖中所表現的(建議還是試著點圖中的"AJAX Tas Cloud"才能親身體驗「真的快、好厲害」)，感謝作者Deepak分享(very Awesome!)資料來源：接下來開始翻譯(...XD)安裝步驟：
Blogger Hacked: AJAX Labels
Step1:若要此hack能夠正常運作的話，你必需在你的Blog裡使用"Prototype Javascript Library"，你可以到官網自行抓一份，放到你的空間中 或者懶得話拿我的去用也無妨..^^(畢竟是Google提供的空費空間)，所以到必需在你的Template中新增底下code (放置於<head>...</head>裡頭)<script src='http://chenkaie.googlepages.com/prototype.js' type='text/javascript'> </script>
<script src='http://chenkaie.googlepages.com/scriptaculous.js?load=effects' type='text/javascript'/>
Step2:接著新增核心部份程式碼，將底下連結中的程式碼仿Step1.同樣加到<head>...</head>裡頭，裡頭CSS請依照您個人喜好修改，細項說明，請參考原著解說!CSS Code & Javascript code:
http://bloggerhacked.googlepages.com/ajaxlabelsscript
Step3:在你的Template中找到底下片段，有一樣的全都要修改(若不改的話，就是原本Blogger提供的效果)
將上面紅色部份，取代成底下：<a expr:href='data:label.url' rel='tag'><data:label.name/></a><a expr:href='"javascript:getCat(\"" + data:label.name + "\")"' rel='tag'>
Step4:若你原先有裝Labels Cloud的話(沒有請跳到Step5.)資料來源：若要將點擊Labesl Cloud所呈現出的效果也修改成AJAX Labels的樣式的話，請將底下：
phydeaux3: Blogger Beta Label Cloud Update
phydeaux3: Code for Beta Blogger Label Cloud<a expr:href='data:label.url'><data:label.name/></a>修改成底下的樣子<a expr:href='"javascript:getCat(\"" + data:label.name + "\")"' rel='tag'><data:label.name/></a>
Step5:新增一個"HTML/Javascript" Page Element放置於"Blog Posts" Element的上面(可隨個人喜好修改)，裡頭的code如下(和原作不一樣，原作的似乎有些小Bug，我作了一點修改，若你作完不行的話，請參考原著)：<div id="indicator" style="display: none;">
<img alt="Indicator" src="http://bloggerhacked.googlepages.com/indicator.gif" /> Loading...
</div>
<div id="search-result" style="display: none;"></div>
Step6. 存檔離開就好囉....^^ 快去試試看呈現出來的驚人效果吧!!
※此AJAX Labels Cloud是抓取Blogger提供的feed中summary類別(比較精簡，為了追求更佳的速度感^^)，作為文章預覽，所以呈現出來只有一小段!
※還有預設，點選每一個Label只有呈現5篇文章，若要增加的話，請將Step2裡頭程式碼"?max-results=5"中的5改為您想要的數字即可!
[Update 2007-03-14]
原作者，發表了新版本的AJAX Labels了，請參照此處
．Comment counts:
20 Comments
| [+/-] |
[Javascript] Selectable Post Font Size for your best view! |
之前有看到許多網站或討論區，有可以自行選擇顯示字型大小的功能，對於視力好的人來說或許字型小了些沒什麼影響，但有些老人家..(是我嗎..XD)，有時就會覺得看得有些吃力，若能迅速的讓字型放大，不用再花時間ReLoad頁面的話，將會是個很不賴的工具!!
※當然藉由按 Ctrl++/ Ctrl+- (for Firefox)，或者是Browser提供的放大縮小功能，不然就是通用的「Ctrl+滾輪上下滾」來達到放大縮小的功能，但我這個人比較龜毛，因為這兩種功能所表現出來的文字常常是破碎或是很醜，個人無法接受...時常因為這樣不逛那個站了…囧rz，並且透過上述的方式縮放頁面字型時，是所有版面的字型都會放大，也就連帶影響到Sibebar、Header...及其它非本文章內容的部份，整個網站當初設計好的版型都變了樣，喪失美感! 因此，我在此Blog中提供三種用於縮放文章內容的合適字型讓大家選擇(位於此處)!!
至於在Yahoo Taiwan的新聞裡點進每一篇新聞之後，也有提供類似這樣子的工具，But...他每次點換字級大小之後，都必需要 Reload 部份的頁面，明明可以不用Reload的，為啥他這麼作…後來發現，廣告部份也隨著Reload換新的了...囧rz，想必這是最主要的原因吧，那是他們吃飯的工具，就給他reload一下吧...XD!!參考資料來源：我根據上面所提供的的簡易版本，再修改成較適合於New Blogger版本 ^_^(當然再作適當的修改之後，其它Blog也都是可以套用的)。
懒人图库 LAYABOUT'S GALLERY
在修改的過程中，又遇到某個語法getElementsByName在IE中的話只對表單的物件有作用...OMG..IE sux again!!還好有底下這位大哥的教學，解救了我...感恩!!參考資料來源：於是，最後完整版的Javascript code (IE & Firefox 都正常) 就變成底下：
IE vs. FireFox 系列 - getElementsByName問題
[Updated 2006-12-26] 針對留言中Benjamin網友所遇到的問題，在這裡提醒大家，貼底下code時應注意的事項：由於Blogger在parse template語法有無錯誤時，他會檢查是否存在相對應的左括: <及右括: >，若不存在便會跟你說你的template語法沒有正確的close，導致儲存失敗。不幸的是，你若將Javascript嵌入template檔中，並且又很巧的，用到compare operator，例如：「小於:<」，如此一來他便會產生上述所提的，少了相對應的右括: >，而導語法錯誤啦! 因此，大家若要將底下這段javascript嵌入template中的話，記得將裡頭的<置換成<
之後，因為我只讓本文內容(Post.body)的字型大小可供縮放，因此編緝template內容，將裡頭找到的所有<script type='text/javascript'>
function getElementsByName_iefix(tag, name) {
var elem = document.getElementsByTagName(tag);
var arr = new Array();
for(i = 0,iarr = 0; i < elem.length; i++) {
att = elem[i].getAttribute("name");
if(att == name) {
arr[iarr] = elem[i];
iarr++;
}
}
return arr;
}
function doZoom(size)
{
var zooms = getElementsByName_iefix("span", "zoom")
for (var i = 0; i < zooms.length; i++) {
zooms[i].style.fontSize = size+'px';
}
}
</script>
都置換成底下的樣子<p><data:post.body/></p>
如此，就可以將被 name='zoom' 的span tag包住的那些內容，賦予字型縮放的功能!!<span name='zoom'><p><data:post.body/></p></span>
最後在將你要提供此項功能的界面，填入此段程式碼即可，裡頭的數字以px為單位：<a href="javascript:doZoom(16)">大</a>※展示出來的功能，請參照此圖，並加以操作看看…
<a href="javascript:doZoom(14)">中</a>
<a href="javascript:doZoom(12)">小</a>
．Comment counts:
58 Comments
| [+/-] |
[Blog] A not only Awesome but Lightning Fast Blog |
我最常逛而且具有相當豐富內容的一個Blog: Hackosphere 最近全新大改版(作者稱之為：Web 2.0 blog)，著實令人目瞪口呆...不得不套句Epson的廣告詞：「真得好快、好厲害」，讓我對於Blog有了一個全新的體驗...XD
裡頭充份利用AJAX/JSON的技術，節省了許多不必要的頁面完全重新下載(reload)，只更新頁面裡頭有更新的部份，當我第首次瀏覽Hackosphere的新Blog時，常會以為點了之後，怎麼沒有反應....沒想到是已經更新完成...囧rz，不信的話你可以去逛逛，真的有如作者說的光速般的快..Cool斃啦!
由於他花了很多心血在這個新Template上頭，而且可能又因為聖誕節要到了，要送送禮了，手頭拮据吧...XD! 這次不再是Free Download了，而是以一個 US $10 的低價位給大家購買!! 想要贊助、支持一下他的人，可以透過這裡來得知購買資訊!!
※整體上我對於他的Blog所運用到的技術以及程現出來的效果相當滿意，唯一就是他的Blog的版面，一直無法深得我心...XD，不是我的type(羞)資料來源：
．Unveiling the new Hackosphere
．Neo - The lightning fast blogger beta template
．Comment counts:
0 Comments
| [+/-] |
[WordPress] Theme : Vistered Little 1.6 |
之前為了解決PNG圖檔在IE底下無法正常程現半透明效果(semi-transparent)的問題時(Solution)，Google到某一個WordPress的Theme充分的利用PNG圖檔的半透明效果(semi-transparent)特色，設計出一個令人相當驚艷的視覺感受!!等有空的話，我的Blog也想來小改一下，試作看看效果如何..^_^。
※相關資料如下：
．Comment counts:
4 Comments
| [+/-] |
[AJAX] Web-based BBS : gaaan.com |
今天逛到一個很Cool的站，叫作gaaan.com(gan,這個站名我喜歡..有魄力，又好記...)，此站的slogan為「我雖然是個網頁，但是我立志成為一個BBS。」。
主要技術是，在使用介面上利用AJAX技術來完全仿造BBS環境的網站!! 操作方式和一般的BBS無異，靠著一手操作Keyboard，另一手....就OK了!! 而且可以嵌入一些東西，像是貼圖，貼影片(future work)...都是辦得到的...Cool !! 並且有支援RSS，有RSS的BBS真是不賴..I love it!
重點是只要有Browser就可以囉，並不需要像一般的BBS站一樣，要藉由telnet的技術，有些公司會鎖Port禁用某些服務，但總不可能擋Http上網的服務吧，因此只要可以上流灠網頁就可以上gaaan.com囉!! 看來ptt要多加小心了...多了這麼一個強力的競爭對手。．參考資料來源：別再看了，快去搶一個帳號吧...^_^
Mr. 6 -> Gaaan：不只是網頁版PTT
．Comment counts:
4 Comments
Subscribe to:
Posts (Atom)
