悼 巴布

很遺憾發佈這個訊息，巴布歷經了三年多的運作，由於諸多因素，最後還是選擇關閉這項服務。
由下面欄位輸入您在巴布的帳號與密碼，即可下載保存你的所有日誌內容！
最後感謝大家這三年多來的支持，謝謝～
巴布 敬上

關站 FAQ：
問： 11/6號之後還可以使用巴布的功能嗎？
答： 不行喔！11/6 開始只會剩下目前這個公告跟下載備份的功能，一直到 12/31 止。

問： 巴布關閉之後，資料會怎麼處理？會賣掉嗎？
答： 請放心，會全部清除，不留痕跡。

問： 日誌如果忘記保存，正式關閉之後還可以下載嗎？
答： 沒辦法喔！2011/1/1 正式關閉巴布之後，資料就會全部刪除。

問： 還有其他地方可以讓我碎碎念嗎？
答： Twitter 或 Plurk(有中文介面) 或 痞客邦提供的 murmur

問： 我還有其他問題，可以從哪邊詢問？
答： 我的噗浪帳號： http://www.plurk.com/nlrson XD

from http://close.buboo.tw/

廣告

我的日誌日期 內容
2009-02-12 01:26:25 為了要把這個東西塞到blog，搞好久，終於搞定了。一個blog，掛這麼多東西，怎麼排版真的很傷腦筋。

2009-02-12 10:14:07 早上新台說 [日本貴婦團來台,商機5000萬]，似乎想跟陸客較勁。

2009-02-12 14:12:55 撐到下個領薪日 ,1700+icash(2xx) --月光萬歲 月光無罪

2009-02-13 11:46:06 ミノタウロス = Minotaur = 米諾陶洛斯(牛頭人-神話生物)。minotau rosu是日文的發音，日文我很外行，今天第一次發現，他們沒有純氣音，明明是s 的音，卻只能用su(ス)來發音。 應該是這樣造成日式英文發音總是奇怪。

2009-02-15 22:06:54 今天在高速公路上，還沒到造橋收費站就開始塞車，一路塞到新竹，路上明明沒什麼事故，倒是在一台測速的交通車之後，車速就回復正常，看來兇手就是測速的警車了。順道很不爽的要提一下，國道3號車速上限是110km/hr，國道1號某些路段也有到110km/hr，不論如何，別在快速車道開90。

2009-02-17 12:37:03 最近很缺錢，唉阿，機車怪怪的也不敢給車行看，等下個月再說，但是又有多少事在下個月等我阿?

2009-02-18 09:56:38 TTD(運輸大亨)真的很好玩，昨天回家設計鐵交的交流道，真的很有趣，蓋了一條長程鐵路中間有6個交流道，搞的這線的火車營收比飛機還高。

2009-02-18 16:26:42 交大在職班報名日期98年1月13日止，今天98年2月18日。

2009-02-19 12:56:41 [link] 天殘腳

2009-02-20 17:37:57 卡關卡關卡關...卡很大!卡不用錢。
2009-02-24 15:51:22 破關了 破關了 igmp 破關了
2009-02-25 15:35:54 [link] 用wii玩Quake
2009-02-26 14:49:54 我的五一勞動節禮金，不要變成下午茶基金。
2009-03-04 09:49:50 向上提升的力量。
2009-03-06 19:47:44 領薪水，買個雨衣，黑衣 黑皮。
2009-03-10 23:18:17 NB的變壓器找hw人員修理之後,似乎正常了.
2009-03-11 16:23:54 用午休時間工作，用抽煙時間工作，也許就能用下班時間下班。
2009-03-12 09:39:37 今天出太陽了
2009-03-12 19:23:40 話如果不是每個人都能聽，就不要說出口。
2009-03-16 15:39:45 高級的衛生紙，高級的衛生紙，一串一百元，賣你五十元。
2009-03-23 09:56:16 由寶山入口進十八尖山，走到博愛路口再折返。累
2009-04-17 09:48:18 You know, Ian really had it coming to her after all those things I said about her mom <= 什麼意思阿? 2009-04-17 10:29:47 had it coming to 活該 2009-04-22 14:00:23 貴死人的達美樂,現在推全民系列,大pizza只要239元, 終於佛心來著. 2009-04-26 00:26:40 TGI Fridays [link] 主餐加前菜299. 也不錯
2009-04-27 12:02:32 達美樂239全民系列, 只有薄薄的一片, 幾乎忘了它的存在, 請不要跟平常的達美樂做不正常的連想, 以免失望.
2009-04-30 19:55:27 斥候回報..台股大暴衝 10:38 大漲374點( 6.6%)
2009-05-02 14:50:34 誰會使用小畫家之外的繪圖軟體阿?
2009-05-03 21:16:41 資料庫被自已搞死了.. 備份真的不要太早刪掉
2009-05-06 15:22:46 公司的飲料漲價了...
2009-05-12 18:51:04 ITU-T的文件也中文化... 就甘心...
2009-05-22 13:33:48 欲練神功, 必先自宮
2009-06-04 11:51:05 頭好痛
2009-06-06 22:51:49 消失的建保卡 (@.@)
2009-06-13 20:02:32 op 546 : 居然放鬆警戒, 你是業餘的嗎?
2009-06-17 17:29:14 夾層中的健保卡.. 原來你一直都在.
2009-06-17 17:34:03 [link] 好想買來連線.. 數十年前練就的身手,蠢蠢欲動.
2009-06-24 10:51:28 直轄市包圍另一個直轄市... 很有創意!
2009-06-26 14:53:17 5年前為iometer增加data integrity, 聽聞最近又有人在做這事...依我看... 不如花點錢, 買我五年前的code.
2009-06-28 18:43:44 好衰 又拿到紫色....
2009-07-02 17:36:49 快速升級ing
2009-07-06 09:39:21 北埔冷泉,好玩的不在冷泉而是溪水.
2009-07-22 15:22:43 大熱天公司空調居然壞掉 之 火の國木葉忍村.... 忍.... 忍... 忍...
2009-07-27 09:56:12 阿不思... 你怎麼剛放完超大火海術就被殺了呢?
2009-07-30 17:11:06 名偵探柯南 第十三彈漆黑的追跡者
2009-07-31 16:51:01 八成是感冒了
2009-09-01 10:32:58 好吃的石鍋拌飯只要70元..
2009-09-02 10:26:48 希望經濟景氣了之後... 不景氣時的措施都會反轉。
2009-09-22 09:17:41 喉嚨又不舒服了... 我又沒炸雞排... 但有吃排骨飯
2009-09-25 16:47:10 哼 好人沒好報
2009-09-30 14:00:27 馬的.. 要出超級快打旋風..買了快打旋風的不就都笨蛋
2009-10-01 09:50:57 易鼎(大鼎)活蝦的蝦變小了.... 以後吃蝦要改地方了..
2009-10-05 18:01:01 風大雨大... 賺錢最大
2009-10-20 10:26:05 有寵物的放寵物 有小孩的放小孩.... 這到底是誰的msn阿?
2009-10-21 09:53:57 玻璃般...啪的一聲就碎了
2009-10-23 14:39:13 北海道... 總是有機會....
2009-10-25 19:41:44 缺席又出席.. 但還是缺席了
2009-10-26 09:22:00 速食店的雞不能吃 現在連牛也不能吃
2009-10-29 12:23:02 看manual就想解bug嗎, FAE?
2009-10-31 18:33:23 一條土司一星期
2009-11-01 21:50:21 韓國人怎麼永遠都在喝果汁
2009-11-02 16:50:11 [link] 吃起來一定很爽
2009-11-03 19:14:49 頭前溪橋的風也太大了吧!
2009-11-04 15:27:46 每個業務都是理... 真有派頭
2009-11-05 10:10:13 一大早就健行... 健康人生
2009-11-11 19:03:42 <沉澱完成> 開始瞎攪和
2009-11-19 22:40:01 吃的好飽... 過太好~!
2009-11-24 16:30:45 生活還是要好好過 不然會被誤解!
2009-12-01 14:07:16 吃完飯就午休...會漲氣..
2009-12-02 18:36:45 好像開始討厭便當了...
2009-12-03 18:59:37 清空了…
2009-12-04 13:45:10 [link] [link] 韓國國格太差.. 我相信這一定是他們搞的鬼
2009-12-05 23:42:40 嚴苛的意義?
2009-12-14 00:05:46 真相就是"嚴苛"
2009-12-16 21:19:07 今年考四科... 而且考制很怪異
2009-12-31 00:07:06 三更半夜哪裡找散熱膏?
2010-01-01 23:32:26 好戲上演... 第二回合我愛你
2010-01-06 12:27:43 納美人跟納美克星人 最大的差別是藍綠不同!!!
2010-01-15 11:45:37 Alice:原來又黏又甜的麥芽糖這麼好吃。
2010-01-22 10:42:04 胭脂馬遇到關老爺
2010-01-24 12:28:53 剎車也是驗車項目之一。
2010-02-08 10:28:42 Should I rename to jasper?
2010-02-17 22:39:53 油漆工
2010-02-19 10:40:50 紅豆綠豆薏仁湯
2010-03-04 08:47:48 蔥抓餅加蛋30元, 物價超高趕北.
2010-04-02 15:28:36 華杭寺主持,法號空解, 簡約--華杭空解
2010-04-04 11:17:58 開修昂a李記
2010-04-26 16:50:13 每秒50k
2010-04-26 16:51:18 50kB/s 叫我怎麼開發?
2010-04-27 11:03:09 [link] 冰櫃準備好
2010-05-06 10:25:12 沒有加密的ap，通常UI都是default 值即可登入
2010-05-18 19:54:19 喔 我的天
2010-05-20 15:14:35 多嘴會被討厭，是因為暗盤不好操作。
2010-05-25 11:02:30 [link] 聽到這聲音還不快選char... 開打了。
2010-05-28 12:13:31 [link] 王金平：郭台銘的困難是國家的困難，政府應該伸出援手！
2010-06-03 21:52:46 我也想搞定
2010-06-03 21:58:30 用努力追上落後的部分... 追的回來嗎?
2010-06-10 14:47:57 天龍人的適當用法。
2010-06-10 19:55:48 大家都下班了.... :(
2010-06-28 10:50:19 現在是迷路還是在抄捷徑
2010-08-19 17:31:09 要去玩水囉
2010-08-25 12:16:12 公務員加薪半個月，年薪約上升3~4%，好龍兵你是對的你只說要加1~2%。
2010-09-01 09:28:32 噁心的3D食人魚。防暈tips:1.近視者請戴隱形眼鏡,2.盡量不要看字幕
2010-09-02 12:05:38 惡靈古堡4也要去看3D
2010-09-07 13:26:56 勁辣、勁脆傻傻分不清楚。
2010-09-28 18:07:16 敵火下單兵作業。
2010-10-05 10:52:49 長坂橋上的寒風與黃沙
2010-10-14 10:20:51 [link] 人值得? 命中減少幾秒 多買一隻錶?
2010-11-02 10:41:39 2010年台北國際旅展11月5日至8日@世貿一館
2010-11-05 09:46:58 一個人吃一個大PIZZA(y)

(繼續閱讀...)

加速網頁的載入速度-簡潔版

blog掛了太多的東西之後，開啟的速度就會越來越慢。
頁面開啟是按照html的順序開下來。

在不改變html順序的狀況下，加速的方法就是把有可能會慢的任何事都向後處理。
把本文先秀出來，這樣就能達到加速的效果。

在網路上找到網頁開啟速度被一堆Javascript拖垮了？教你修改網頁的好撇步，讓網頁載入速度更快！一文。

看完之後，我修改了一下作法，以更簡單的方式達到相同的效果。
1,不需要轉換內容為javascript碼。
2,不需要制作js檔。
3,當然更不需要上傳空間去存放js檔。
4,可以將多個想要延後的項目一次搞定

一步一步來:
1,
選定想要延後的任何碼，如果是圖片很慢也行。
目標為部觀門的兩個服務(有時很慢)

<div id="look_urs" align="center">
載入中....
</div>

與

<div id="my_minicity">
載入中....
</div>

其中紅字的部分可以自己命名。
載入中....可以改為任何的字串，也可以不要填，以免讓人覺得一直在"載入"會有等待感，事實上只是一個字串，跟本就沒在載入。

2,
在頁面的最後，通常是在foot(也可以在sidebar最後)，新開一個HTML/JavaScript。
裡面寫上

<div id="all_hidden_data" style="visibility:hidden;">
    <div id="my_minicity_s">
    <script charset="UTF-8" src="http://mmc.urs.tw/java/detail_zh.php?mmc=crazyrs" type="text/javascript"></script>
    </div>

    <div id="look_urs_s">
    <script language="JavaScript" src="http://look.urs.tw/java/hits2.php?BlogID=54552" type="text/javascript"></script>
    </div>
</div>

<script type="text/javascript">
document.getElementById("my_minicity").innerHTML= document.getElementById("my_minicity_s").innerHTML;

document.getElementById("look_urs").innerHTML= document.getElementById("look_urs_s").innerHTML;

document.getElementById("all_hidden_data").innerHTML= "";
</script>

這個的意思是，先將本來的碼(code)暫存在一個帶有hidden屬性的div包著。
綠色id的div放的就是被後移區塊的碼。
等到下面的script執行時，把這些相對應的碼回填。(綠色區的內容填回到步驟1的紅色區)
最後把整個帶有hidden屬性的div清空。

3,
收工

這樣就可以達到延後的目的了。

所以不論是什麼，就算是一張圖，也可以把整個<img src="xxx"> 向後拉。

由http://tools.pingdom.com/fpt/ 測試，把太慢的都抓出來向後丟就對了。
但是還是慢，因為blogger有些東西(內嵌式留言功能)本身就慢，這個是沒辦法移的，偏偏測出來就是它們在慢。

慢慢慢....

(繼續閱讀...)

[改造部落格] "繼續閱讀" --超效能版本

阿土伯版跟CJH版在用了一陣子之後，總覺得效果不好，所以今天再度把繼續閱讀改版。

這次的繼續閱讀，以效能為主。

有使用繼續閱讀的人應該會發現，文章一開始是展開的，在整個script執行完畢之後，才會收合起來。

在展開狀態下，如果本文中有影片還是圖片，它們其實已經在下載了，這樣不就失去繼續閱讀的意義嗎? 至少我個人就是要加快速度只做預覽才這加這個功能的。

現在我找一個快速的方法達成這麼目標，完全不需要script，只要css就能搞定的作法。而且不會先展開再收合，利用css的屬性變化來決定展開與否，而屬性變化由本來blogger的語法(server side)做控制。

我就一步一步告訴大家怎麼作。

第一步:
到範本->修改html(->繼續)，將展開小裝置範本打勾。

第二步:
尋找</head>
取代為:

<style>
<b:if cond='data:blog.pageType == "item"'>
   div.fullpost {display:inline;}
<b:else/>
   div.fullpost {display:none;}
</b:if>
</style>
  </head>

第三步:
尋找<p><data:post.body/></p>
取代為

      <p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<div align='right'>
   <a expr:href='data:post.url'>你想要的字串</a>
</div>
<br/>
</b:if>

其中 align那邊可依自己的喜好變換位置，也可加入圖，這個看個人修行，真的很想變又變不出來，那就留留言，看看能不能幫忙出點力。

第四步:
到文章中，把想收合的部分以<div class="fullpost"> </div>包起來。

這樣就大功告成了，但為了往後方便，我們把這些固定的語法寫到文章範本中。
所以……

第五步:
到設定->格式->文章範本加入下面字句:

這裡是文章的開頭。
<div class="fullpost">
這裡是文章的其餘部份。
</div>

這樣，完全不需要script就能做出繼續閱讀的功能。

但它有一個小問題，當文章很短不想做收合時，它還是會必然的出現一個繼續閱讀的鏈結。

相關文章:
如何建立可擴充的文章摘要？
[改造部落格] "繼續閱讀"


ps: 另外發現一個轉code的好網頁。

(繼續閱讀...)

[改造部落格] "為網站設立專屬圖示(favicon)"

這到底是什麼功能呢? 先看下面的展示圖:

可以看到在網址前面的圖示已經被我改成了，而書籤前的圖示也被我改掉了。

有一個很重要的重點就是，這個功能要在firefox上才會生效。

這個favicon雖然名為fav"icon"，但是不一定要用.icon才行，要製作icon很麻煩，而且有些網路空間是不收.icon的檔案。

我個人試過.gif跟.jpg都是可行的，而且也不一定要16*16，firefox會自行調整大小。

為求完美者可參考附註製作16*16的圖檔。

教學開始。

1.上傳圖片
準備一張要做為圖示的圖(不一定要是icon)，然後把它上傳到網路上，個人是使用blogspot，當然是上傳到google page，最方便。
2."修改html"
找到:

<head>

取代為:

<head>
<link href='圖片網址' rel='shortcut icon'/>
<link href='圖片網址' rel='bookmark'/>

其中
rel='shortcut icon'，是更改網址前面的圖示。
rel='bookmark'，是更改書籤的圖示。

完工。

是不是很簡單。

附註:
1. 線上製作favicon，這邊提供了三個不同的網站來幫忙製作icon。
做出來的是.icon會有找不到空間上傳的問題。如果跟我一樣有這個問題時可用小畫家打開.icon再另存成其它格式。這樣做會有些格式轉換的問題(去背之類的)，但影嚮不大，可以一試。
2. 自行使用小畫家做修改--小畫家要切大小也非常方便。
我提供一個最簡單的作法，把圖檔用小畫家打開之後，按"選擇"，把想要的區域切下來，盡量切成正方形，因為最後顯示出來就是正方形。按ctrl+x把圖切下來，再按ctrl+n開新檔，選不存檔，在按ctrl+v將剛才的切下來的圖貼上，最後按另存新檔，存成想要的檔名。然後就可以上傳圖片。

(繼續閱讀...)

[改造部落格]Blogger 最新文章 + 最新留言

這篇一開始參考的地方己經忘了，只記作者只寫了幾行，簡潔有力，但最近發現留言部份似乎沒有辦法得到真正的"最新留言"，所以另外再找了其它的解決，這段也補上來。

這次參考DesignTree:Blogger 最新文章 + 最新回覆 ( 新 )重做一次最新留言的部分，照著做滿簡單的。 基本上就是以堯@部落格的這篇文章來做不太需要改什麼東西就可以完成了。

而前些日子才做的格主留言highlight，這次就一起整理進"最新留言"這邊。

實作方法如下:

function handleCommentscrazyrushstar(json) {

var temp = '<ul id="Feed001_feedItemListDisplay">';
var postshow=10;
var sortentry=json.feed.entry.sort(compareentry);
for (var i=0, post; post = sortentry[i]; i++) {

if(i>=postshow) break;

var title=post.content.$t;
var link=post.link[0].href;
var authorname=post.author[0].name.$t;
var timestamp=post.published.$t.substr(0,10);
if (authorname=="crazyrushstar") {
temp += '<li>'+authorname+'提到...<br\><p class="author-comment"><a href="' +link+ '">'+ title +'</a>-'+timestamp+'</p></li>';
}
else {
temp += '<li>'+authorname+'提到...<br\><p class="item-title"><a href="'+link+'">'+ title +'</a>-'+timestamp+'</p></li>';
}
}
temp+="</ul>";
document.getElementById("newcommentscrazyrushstar").innerHTML = temp;
}

那個authorname=="crazyrushstar" 是我寫死的，各自改成自己的名字就好了。這樣格主的留言就可以有highlight了。

我一直覺得最新留言好像太長了...所以把本來的

var title=post.content.$t;

改成

var title=post.title.$t;

看來ok了... 它的確會變短了!

(繼續閱讀...)

[改造部落格] "把格主的留言highlight"

基本上是參考作者和一般回應的標示區別 (Author comment highlighting)這篇文章完成的。

完成之後的樣貌

有個重點就是.. 在找

<dl id='comments-block'>

時，一定要一整句找，我一時沒看清楚，改到一個也有comments-block的地方，改錯好多次一直搞不定，最後才發現改錯地方。

廣告

另外也把作者的背景色也上色所以變成:

/* Author Comment highlighting */
.author-comment {
color: #993333;
background: #FFDDDD;
}

下面多的那行就是背景色。
順便也想辦法把反向鏈結趕出comments的背景色。

有一點很不甘心的就是那個"張貼意見"的字樣居然找不到地方改!!

(繼續閱讀...)

[改造部落格] "亂數文章"

當文章到達一定地步時，對不熟悉的人來說，該怎麼看這個blog就有點傷腦筋了，面對數以千計的文章，是不是靠電腦選文章也不錯!

所以在網路上找到了"亂數文章"這個東西。 電腦也會找文章。

它是以一個link的形式存在，在按下去之後亂數在網站上找一篇文章出來給讀者看。

而我把這個功能跟友好鏈結放在一起，我的友好鏈結不是用blogger提供的模組，是用html/script模組自己寫的(為什麼要自己寫?因為我想要link的target=_blank)，所以可以亂加一通。

詳情請看 亂數文章教學。
它已經對blogger做了小模組，只要修改"Are ya feeling lucky, punk?"把它改成你想要的名字就好，像我就應該是把它改成"來個好運文章"，但是因為語系的關系，它出來的是亂碼!

解決亂碼的方法就是在新增的小模組中找到"a.innerHTML = "這個字串，修改成自已想要的文字就行了。而下面一堆原始碼是給不想用小模組的人用的(自由度高)，能改少就改少，一個模組最好。


下一步打算把關連閱讀做進來。這樣就一勞永逸了。

話說… label cloud & 最新文章 & 最新留言好像都沒有寫怎麼做! 當初自哪邊抄來的有點忘了!

(繼續閱讀...)

[改造部落格] "SnapShot" 為鏈結做預覽

到 Snap Shots 申請一個帳號。
照著填，申請完之後它會發現你是blogspot的用戶
它可以直接幫你安裝這個功能到blogger上，什麼也不用改!

Snap Shots 會寄一封信到你申請時填的信箱，這是一封認証信，也是一封教學信。
對blogger的用戶來說教學不重要，因為早就會動了，認証的方法就是拉到信的最下面找到"opt out."，按下去就認証了。

如果不是blogger的用戶，只好照著他的教學來做就好好了。

接來下，blog的sidebar會多一個snapshot網站的廣告圖示，如果不想想到它，就到網頁元素那邊把
之間留下，其他的砍掉，標題留成空白，這樣冥就不會出現在sidebar了。

而我個人裝了 繼續閱續所以直接把這段script加到繼續閱續的模組內，一起管理。

20080114註:一直跳snapshot出來有點麻煩，今天它被我"<!-- -->"掉了!

(繼續閱讀...)

[改造部落格] "繼續閱讀"

繼續閱讀懶人加強版: [BLOGGER]繼續閱讀懶人加強版 - [版本2.x]參數設定說明

這真是一個超強又好用的"外掛"
真的是做到全模組化了只要當成一個平常的java script掛上去就好了
參數也很多.... 一定要做個鏈結 以免忘了怎麼設定了!

2008722註: 這個外掛很久沒更新了，有一個bug("_WidgetManage末定義" )一直沒解決，在半年之後的今天我含淚把它移掉了，換成阿土伯的版本。

(繼續閱讀...)