Not My Business: 2006/9/1

2006年9月29日星期五

如何快速加入Blogger 到 Windows Live Writer

可能很多人用了Windows Live Writer發現沒有Blogger的選項，而且加入時不知道要打什麼? 其實還是可以很簡單的把Blogger 裡，我昨天有親自的試出來，今天才發現有其它網站也有教學，不過好像我的方法會快一點

只要把首頁最下方的 Posts(Atom) 裡的連結加入即可

就那麼簡單，在Remote posting URL 裡加入Posts(Atom)的連結，不需要進入設定裡看Blog 的ID，不過現在對Blogger Beta的支援還沒有很完全，無法從Windows Live Writer加入圖片到 Blogger Beta，只能用Flickr4Writer外掛，從Flickr加入圖片

2006年9月28日星期四

微軟部落格編寫工具Windows Live Writer新版Support for Blogger

為了拉攏部落格族群，微軟最近相當好用的部落格編輯器「Windows Live Writer」，大大提升了上傳文章的便利性。除了支援MSN Spaces外，微軟還罕見地大方支援了「TypePad」、「WordPress」以及Google的「Blogger」等平台。新版本序號為1.0 (141)。新版有三大主要改進，分別是增加了對Tag的支持、全面支持Blogger以及改進了分類功能。

Windows Live Writer是「所見即所得」（What You See Is What You Get）編輯器，不管是內容編輯或發佈都很方便，尤其在圖文編排上更有令人讚賞的設計，只要點選控制面板上的「Insert Picture」就可以插入圖片，使用滑鼠拖曳就能任意調整圖片大小與位置，也可以設定圖繞文的格式，輕鬆解決了圖文編排問題。Windows Live Writer也整合了Windows Live Local服務，快速匯入所需的地圖。

另外最令部落客振奮的是Windows Live Writer支援了外部外掛工具，目前為止在Windows Live Writer開發團隊的部落格上有「Flickr4Writer」、「Tag4Writer」、「Currently Listening」三個外掛，其中「Flickr4Writer」可直接匯入Flickr相片與連結；「Tag4Writer」可匯入Flickr、 del.icio.us等網站上的Tag連結，串連相關的文章或相片；而「Currently Listening」則可在文章內貼上正在收聽的歌曲、專輯與歌手名稱，以及在「iTunes」、「MSN」或「Amazon」上的連結，讓你的讀者知道你的音樂喜好。至於未來還會出現什麼好用有趣的外掛，頗讓人期待。雖然MSN Spaces在部落格圈並不怎麼受歡迎，不過有了這個好用工具，相信將可提升MSN Spaces用戶數。而且有了這個工具可以將它當成快速又方便的網路記事簿使用。

官方下載網站
Flickr4Writer外掛

創新=提案?

公司的創新提案應該要有更多人的主動參與,主要是靠員工的熱情,而不只是靠獎勵,目前的門檻有點過高,一個創新提案提出馬上就要被檢視是否能執行,一個創意的價值不在於最終的結果或是否能被真的實行,而是過程的激勵與樂趣,一個好的企業不應該以結果論來扼殺任何員工的發想階段,反倒要引導員工繼續發想,點子本身是無罪的,尤其是跟資訊有關的產業,更要鼓勵員工不斷的創新。

創新跟提案中間應該還是有點差距,從醞釀創意--> 改進 --> 執行

如果只是偏重於執行層面及結果導向,便會完全的扼殺醞釀創意的啟蒙,並不是一個創新提案就能決定要不要執行,如果大家不用面對執行的壓力,而可以自由的發揮想像,創意才會源源不絶,應該是讓創意去激意創意,當看到有人提出一個好點子,也許會有不同想法而產生不同的點子,應該讓大家可以有公開的發表創意機會, 在公司裡並不是每個人都屬於創意小組的一員,但是每個人都能有天馬行空的點子,而集合許多的點子,才會激發出更好的點子,創新提案應該是從一百個點子裡去票選出一個真的有可能實行的點子,而不是叫大家去想一個能實行的提案。

每一家公司都有不同處理點子的方法和標準作業流程,如果有方法與程序去落實執行,點子才會成為大構想,目前的創新提案使得醞釀創意的空間被壓縮,創新提案應該有更多的創意發想空間,一個創意的起點通常是靈光一現,當點子被提出來的瞬間,也經常不是一下子就被接受,或是讓人了解,也要經過重組,再創造,也許能拼出更棒的東西。

2006年9月27日星期三

小蚊子直升機 Micro Mosquito Helicopter

在辦公室裡開直升機？當然可以，只要你的辦公室夠大或者這個直升機夠小。

加拿大Interactive Toy Concepts公司展示了他們的最新產品——Micro Mosquito（小蚊子）室內型直升機，並聲稱這是同類產品中最小、飛行最穩定的遙控飛行器。

Micro Mosquito的外觀的確像只小蚊子，是你能在市場上買到的最小的室內直升飛機，重量僅20g，身長只有7英吋，螺旋槳直徑6英吋，大小跟手掌差不多，可以連續飛行15分鐘，售價美金$69.99只要有塊巴掌大的地方就夠它起飛和降落。

詳情可以到Interactive Toy Concepts公司官方網站

2006年9月26日星期二

無所不在的垃圾廣告 blog spam & spam blog

從早期的BBS、網路論壇、社群、企業網站、個人網站、Email信箱、留言板．．或大或小，只要時間一久，自然而然的會有一堆垃圾廣告出現，最常見的就是大量的垃圾郵件，只要有Email我想沒有人可以避免，有時連剛申請的Email，居然也會有人知道，發垃圾郵件的軟體真的是無孔不入，雖然我不太清楚發郵件軟體的原理，不過這卻讓一些Spam擋垃圾郵件軟體大發利市，就好像病毒跟防毒軟體之間的大戰，沒有病毒那防毒軟體公司要賺什麼錢？

雖然垃圾郵件是很令人痛恨的東西，直到RSS的出現，也不用訂什麼電子報了，大家可以不怕留下Email而被亂丟垃圾，要看什麼資訊由訂閱者自己決定，也不用留下任何個人資料，這對於資訊的傳遞有了很大的突破，近幾年也因部落格的興起，使得RSS的應用又更為的廣泛，不過很多的部落格也難逃垃圾廣告的魔掌，Splog又是一個新的名詞，這是Spam（垃圾）再加上Blog的縮寫，意指駭客大量複製部落格文章及假的部落格網站。這就叫做垃圾部落格(Splog)。

iThome Online (2005/10/19) 一篇“ Splog熱浪侵襲　Google傷腦筋”也做了相關的報導：
根據專門偵測部落格文章更新服務的部落格搜尋引擎業者Technorati的統計，過去兩個星期在Blogger.com出現3.9萬個假的部落格，相較於同期新成立的80.5萬個部落格，Splog約佔了4.6%。

這些駭客是利用Google所提供的API（application programming interface；應用程式設計介面）機制來搗亂，原本Google的API機制是為了方便部落格用戶設計工具以自動創造部落格網站及文章，卻正巧讓駭客用來大量複製該站文章及部落格；駭客還在這些假的部落格中加上各種熱門搜尋關鍵字，只要使用者在Blogger.com上搜尋，這些假的部落格就會出現在前幾筆資料上，創造點閱率，並透過Google的Adsense搜尋廣告機制賺取廣告費。

還有一種叫做部落格的垃圾(spam in blogs)，就是大量的垃圾廣告在部落格裡留言跟回應，這倒是有很多不同的解決方法，有的Blog需要登入才能留言，不提供匿名留言，有的是要輸入驗證碼才能留言，這也可以避免大量spam。不管杜絕垃圾的技術如何提昇，我相信垃圾也會一直的進化。

如果自己的部落格裡開始出現垃圾廣告也不用太難過，沒有糖那來的螞蟻，那代表自己的部落格還有人在看，我是還沒有開始使用驗證碼機制或是非匿名留言，不過最好不要有啟用的一天。

延伸閱讀:
Web 2.0後遺症「垃圾部落格」風暴來襲
Splog熱浪侵襲　Google傷腦筋
Splog來襲！RSS讀者遭殃

2006年9月24日星期日

加入HEMiDEMi書籤 for Blogger

2007-0303 update 去除共享書籤的圖框

在不影響內文圖框的情況下，把共享書籤的圖框去除
在帶有圖片的語法中加入藍色代碼
<img style='border:0;' src='圖片連結'/></a>

HEMiDEMi小貼紙產生器沒有提供給Blogger用的程式碼，我在我的文章最後加了add to HEMiDEMi的小icon，可以自動的帶出標題跟連結

注意:要改Template前請先存檔備份

修改詳細步驟如下：
1.進入Customize (自訂) > Template(範本) > Edit(修改) HTML > 把 Expand Widget Template(展開小裝置範本)　打勾

在修改範本前先備份起來

找到下面這段代碼
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<----紅色代碼插入處
</span>

2.在上面的藍色代碼中間插入下面的紅色代碼
<a expr:href='"http://www.hemidemi.com/user_bookmark/new?title=" + data:post.title + "&url=" + data:post.url' class="addToolTip"
title="Add to HEMiDEMi" target='_blank'><img style='border:0;' alt="HEMiDEMi"
src="http://www.hemidemi.com/sticker/addcolor_8015.gif"/></a>

以上結束

附註:
<a expr:href='"http://www.hemidemi.com/user_bookmark/new?title=
" + data:post.title + "&url=" + data:post.url' class="addToolTip"
title="Add to HEMiDEMi" target='_blank'><img style='border:0;' alt="HEMiDEMi"
src="圖片連結"/></a>
藍色部份的圖片連結，可以到HEMiDEMi小貼紙產生器官方網址去選擇自己想要的圖片

參考連結

2006年9月23日星期六

(非固定式)把Blog設為三欄

原文請參考此篇連結
研究了一些Blogger網站的三欄式都發現會有一個缺點，一般來講最佳瀏覽模式是1024x768，不過如果在比較大尺寸的螢幕上顯示的話會出現側欄離螢幕邊框太遠，例如我的螢幕是1152x864就會變成下圖一樣

(點擊圖片可看原圖)

如果是在FrieFox的瀏覽器上看的話，在設定裡的位置也會偏移，IE則不會有這種情況

修改詳細步驟如下：
1.進入Customize (自定) > Template(範本) > Edit(修改) HTML > 把 Expand Widget Template(展開小裝置範本)打勾

2.先修改紅色的部份到#sidebar-wrapper 附近幾個wrapper﹐(outer是總寛度，main是中間欄位，siderbar是側欄)，增加一個#newsidebar-wrapper，outer-wrapper的width可以刪掉，主欄跟側欄的百分比可以自己調整，不過加起來不要剛好100%要保留一點空間，像我的是45%+26%+26% = 97%

#outer-wrapper {
~~width:~~
margin:0;
padding:5px;
...
}

#main-wrapper {
width: 45%;
margin-left: 2px;
...
}

#sidebar-wrapper {
margin-right: 2px;
width: 26%;
float: right;
...
}

#newsidebar-wrapper {
margin-left: 2px;
width: 26%;
float: left;
...
}

3.把下面紅色部份加入適當位置
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

若你原來是sidebar在右邊﹐則放在main-wrapper上面
<div id='newsidebar-wrapper'>....
<div id='main-wrapper'>....
<div id='sidebar-wrapper'>....

若你原來是sidebar在左邊，則放在main-wrapper下面
<div id='sidebar-wrapper'>.....
<div id='main-wrapper'>..... </div>(要找到這個尾部才可以加入)
<div id='newsidebar-wrapper'>.....

2006年9月22日星期五

2006年9月21日星期四

標籤分類加上標題伸縮功能 for blogger

update：2007-0715 程式碼更新
update：2006-1216　

效果就像以下畫面，當選擇標籤分類時會把文章標題列出，只要按[+/-]就會看到全文，也可以隨時收起來

注意:要改Template前請先存檔備份

修改詳細步驟如下：
1.進入「資訊主頁」>「版面配置」>「修改HTML」>「修改範本」>把「展開小裝置範本」打勾

update：2007-0715
2.在Template裡找到 </head> 把以下橘色代碼加到前面。(以前有加過就不需要再加)
~~<<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />~~

<script type="text/javascript">
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}

function showFullPost(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "readmore")
spans[i].style.display = 'none';
}
}

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>

3.找到藍色部份的代碼，把紅色代碼放入

<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post'
style='text-decoration:none' expr:onclick='"javascript:toggleIt
(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>


<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>

<b:include data='post' name='post'/>

</b:if>

  <b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

參考連結：Peek-A-Boo view of posts in label/archive pages

顯示最新文章、最新回應在部落格上

2007-0124 update
這是個很簡單的做法，首先到Blogger首頁最下方找到Posts(Atom)，複製它的網址
或是使用 http://BLOGNAME.blogspot.com/feeds/posts/default

再到後台的範本>網頁元素裡，新增一個資訊提供的網頁元素

最後把一開始複製Posts(Atom)的網址內容貼上就ok完成
至於最新的回應，只要把http://BLOGNAME.blogspot.com/feeds/posts/default網址中的posts 改成 comments就ok
要注意的是如果有跑出錯誤訊息是正常的，不要理它，重整一下網頁，再去edit一下Page Elements重新存檔一次就沒問題了

Blogger 與 Blogger Beta 留言互通

官方網站已經修復Blogger 與 Blogger Beta 無法相互留言的問題了，原文如下
http://knownissues.blogspot.com/2006/09/users-who-have-not-switched-to-blogger.html

之前無法留言回應的問題很麻煩，剛剛我也去幾個Blogger留言測試一下，果然沒問題了

2006年9月19日星期二

在iGoogle的個人化首頁加入即時路況

update 2007-0730 修正即時影像連結
update2006/11/3：
感謝梅酒提供高速公路即時路況 http://www.nfreeway.gov.tw/

自從有了iGoogle個人化首頁，也新增了許多好用的自訂工具，像MyWebCam其實是個很實用的工具，除了可以偶爾看看國外webcam的風景，後來想到把台灣即時路況加上去的話，就更有實用價值，首先到右上角的「新增小工具」去搜尋webcam，就會看到MyWebCam的小工具將它新增到首頁裡

(點擊圖片鏈結可看原圖)

接著可以到臺北市交通管制工程處去找到所要的即時路況影像，只點擊即時影像的圖示，就可以即時的看到車流的景像(建議使用IE瀏覽器)

最重要的步驟就是在即時畫面上找到影像的URL，在即時影像上方的地方按右鍵，檢視其原始碼，先找到中文名稱，就可以很容易的在下方找到畫面的連結URL網址，然後把它複製下來



下一步就是把它加入MyWebCam工具裡，名稱可以自訂

可以新增多個MyWebCam來加入不同路段的即時路況畫面，現在只要登入自己的iGoogle就可以同時的看到各地的即時路況。

感覺蠻像在電影(終極警探4.0)中的FBI看到的電視牆

Google 行事曆新增中文介面

今天登入發現有熟悉的中文字，雖然我用英文介面已經用了一段時間，中文化用起來也是很有親切感，Google行事曆的介面真的很簡單又方便，很多對英文介面害怕的朋友們也可以嘗試看看了．．

(點擊圖片鏈結可看原圖)

2006年9月18日星期一

Picasa修飾照片太神奇

剛升級完英文版最新版的Picasa Version 2.5.0[Build 32.94]，當初也是好奇Google又出了什麼新產品，Google出的產品都會想嘗試看看，主要是因為免費又好用，一開始用了之後就被它的Time Line(時間線)的顯示模式給吸引了，不過現在倒是很少用時間線模式看照片，它的快速找尋照片跟修飾照片的功能似乎更常使用，除非是要大改照片才會用到photoshop，一般拍了一堆照片實在沒時間去用photoshop修照片，用了Picasa就方便很多，心血來潮把今年去帛琉的照片又瀏覽了一下，發現照片色調覺得不是很滿意，之前也用了Picasa自動色調跟自動明暗度但還是覺得不順眼，這次就來試試”I'm feeling lucky"這個按鈕，中文版好像是”好手氣”的按鈕，一按之後果然不一樣，整個清淅度跟飽和度完全呈現出來，原來之前都沒有發現到這個按鈕那麼好用。

左邊照片只調色度、明暗度而右邊的照片使用Picasa"I'm feeling lucky"
(點擊圖片鏈結可看原圖)

可以比較一下修改前的相簿連結(無名相簿)，還有修改後的相簿連結(Flickr相簿)
Blog右欄的最下角也有下載連結

FABER-CASTELL TK-FINE EXECUTIVE 0.7 自動鉛筆

還是喜歡拿筆在紙上塗寫，因為速度的關係在電腦上打字雖然是快很多，不過遇到需要思考的時間，拿筆紙來啟發聯想反而是比較好的工具，自從開始使用mind mapping(心智圖)之後，很多的想法就會想要畫出來，也可以讓我很快的聯想，有時候看完一本書覺得不把重點寫下來會淡化看書的心得，一本厚厚的書，我只要一張紙就可以畫出書中的重點、讀後心得、延伸的想法，更容易有不同的想法跟思考方向，工欲善其事，當然必先利其器，雖然有很多的應用軟體、在電腦上打字、或是動動滑鼠，但還不如一張紙跟一枝筆來的好用。

介紹一下我用筆，最常用的就是鉛筆，一般來說畫圖或是寫字難免會有塗塗改改的時候，鉛筆是最好用的筆，以前用的是STAEDTLER德製的專業繪圖筆，因為筆芯粗本身又附有削頭，算是很方便的鉛筆，但是有個缺點，就是常常找不到橡皮擦，現在改用FABER-CASTELL牌的自動鉛筆，雖然筆芯不是10mm，但用了0.7mm的筆芯後也不用削筆尖，粗細剛好，要畫圖或是寫字都適合，而我習慣用的是B硬度的筆芯，(筆芯硬度由極硬到極軟共分為18級：H代表Hard(硬)，前面的數字越大則硬度越高，HB是軟硬適中一般用來寫字，其中9H、8H、7H、6H、5H及4H六級為硬級鉛筆，適合繪製精密的圖；3H、2H、H、F、HＢ及B六級為中級鉛筆，2B、3B、4B、5B、6B及7B為軟級鉛筆，較適合素描練習)。

為什麼改用FABER-CASTELL牌的自動鉛筆？因為我常常隨身攜帶鉛筆，所以對自動鉛筆很挑剔，要有主要的幾個優點，筆芯要粗又不能太粗，所以選擇0.7mm的筆芯，筆尖要能夠收回，不要有筆蓋，方便使用又不怕摔壞或刺到背包。

之前有提到我會常常找不到橡皮擦，這枝筆後頭就附有橡皮擦，這項可能有人會以為有什麼了不起，隨便一支鉛筆後面也附有橡皮擦，但是它跟一般自動鉛筆不一樣的是它附的橡皮擦是可以替換的，而且可以隱藏起來，要用的時候再轉出來，一根橡皮擦也十分的耐用，我好像用了很久很久才換過一根新的

替換橡皮擦在比較大型的文具店才看得到，有買過一次ZEBER牌的替換筆擦，但是實在是難用，有時會擦破紙張，後來找到一個不錯的牌子，雖然屑屑比較多，但是字擦得蠻乾淨

最後還有一項優點是比較特別的，就是它的筆芯有避震器功能，而且要TK-FINE EXECUTIVE 0.7這個型號才有，我想很多人會在寫字的時候用力太大把筆心壓斷，但是這枝筆我用了很久也沒壓斷過筆心，尤其它又是0.7mm所以很少遇到這種情況，有時畫畫就會比較用力的去塗鴉，大力的壓筆心就會感覺到避震的效果，目前還沒看到有更實用又好書寫的鉛筆，實用性來講我只要帶一枝鉛出門就夠了，不用帶橡皮擦又不用削鉛筆，好書寫的話就看買什麼牌子的筆芯，軟硬粗細，這應該見仁見智。

接下來講一下我用的紙，其實紙沒有什麼特別，就是一般的計算紙，因為要畫畫就選比較大本的計算紙，但是重點不是在用什麼紙，而是我用的書寫板，因為出門在外有時會找不到平坦的地方寫字，或是在車上也沒有桌子，臨時要寫東西或畫畫就變得很困難，找了很多資料夾來用也覺得不是很好用，後來在信義誠品發現一樣好東西，一種專門用來書寫的資料夾，台灣應該很少地方在賣，Made in Japan的東西果然就不一樣，用了２年完全沒有破損，這是日本的官方介紹，它的面板表面就是特製的書寫板，硬度夠不易彎曲，我放在背包裡剛好可以支撐著背包，不會軟趴趴，裡面還有放資料夾的地方，順便講一下整理的方法，每個人可能都不一樣，我是習慣在每一張紙的右下角分類，寫上類別以方便尋找，很多人會為了節省而在一張紙寫滿之後，又翻到背面寫，這對於資料的觀看或是尋找都是沒有幫助的，尤其是畫心智圖很忌諱用到紙的第２面，一來很容易找不到又花時間，二來在翻到背面時會讓思考無法集中、連貫，所以要儘量在一張紙上呈顯出來，就算寫不下也要換一張，好幾張放在一起也會比翻來翻去好整理，隨時拿起紙筆來寫寫東西，就是很隨性的這裡塗塗那裡改改，重要的是要激發出不同的靈感，而不要只是條列式的一行一行寫文章，那樣就很死板了．．．