30 Boxes│部落格行事曆

30 Boxes是一個線上行事曆網站，提供很多有關行事曆的功能，提醒你生日、工作行程、和朋友聯絡等眾多功能，而有些功能不用加入會員就可以使用，譬如我要介紹這個部落格行事曆，可以用月曆的方式列出發表過的文章列表，也可以將這個行事曆放到部落格上，或是做個連結，方便你自己或是網友查詢及分享。

目前這個部落格行事曆發布功能只能支援三個月以內的文章，加入會員好像也是一樣，不過個人行事曆方面倒是沒有三個月的限制，如果想使用個人行事曆的朋友可以註冊使用。

30 Boxed the ultimate calendar mashup machine
連上http://30boxes.com/boxed
輸入你的部落格網址或是RSS都可以， 按下Build a Stylin' Mashup

如果你想同時設定其他部落格及細部設定，則按下
add more URLs or customize the look and feel
可以另外再詳細設定

按下Build a Stylin' Mashup產生行事曆網址及相關語法，預覽Preview，就會出現行事曆，

將滑鼠放在日期上就會顯示文章的浮動框框，按下就會另開小視窗，讓你選擇你要看的文章。把滑鼠移到最旁邊月曆圖案，則會出現最近5個月的月曆，再自行點選日期。

樣式(Theme)有好幾種，當然你也可以自定背景顏色。

OSX Gray

Gmail Blue

Flickr White

Small+Stylish (710px)系統預設的

Blog Size(490px) 有發表文章的格式會變大，讓全文標題出現。

而他的程式碼有兩種，一種是Embed(嵌入部落格上)，一種是Badge(圖示連結)，就看你自己彈性運用了。

不過他的行事曆預設是800px，我想很難放在部落格的邊欄，所以最多是以Badge連結顯示，但是我測試過在IE6底下，Java script無法起作用會發生錯誤，如果還是需要的人應該還是放個行事曆的連結URL指向你的部落格行事曆，是最好的方式吧，如果有人知道更好的利用方法，歡迎分享。

這是我的嵌入的embed行事曆，我把原先的語法scrolling="no"改成auto,寬度設520，高度改630



badge樣式，在IE6下會發生錯誤，Firefox也不能作用，不知哪裡有問題，因為相關文章找不到，如果知道原因的人，煩請出個聲解說一下。


綸太郎部落格的行事曆頁面

如果你的文章產量很多，或同時經營好幾個部落格時，也可以利用此工具來檢視自己所寫文章的紀錄，雖然綸太郎試用過後還是有許多bug存在，但是單就行事曆的頁面來說，我還是覺得這東西很不錯用，所以還是介紹給大家。

其實這個30 boxes線上行事曆服務還有許多功能可以玩，喜歡的人可以自己玩玩看，也可以邀自己的朋友一起成立群組，互通消息，隨時獲得對方最新的第一手消息呢。

網頁上展示程式碼的轉換工具---Postable

Postable Making your code friendly

在寫有關一些Hacks語法或是展現小工具時，通常會碰到要將程式碼顯示在部落格上，譬如很多Blog-parts部落格小玩意，通常以Java Script或是embed語法寫的，我們想將語法分享給更多人知道時，這時就要展示程式碼給讀者看，如果常用的人應該知道，就是將特殊符號 < 與 > 改成&lt;及&gt;。

通常我的作法是在Word裡面貼上語法，然後用全部取代的方式將 <改成&lt;，有的人則是直接利用全形符號，然後提醒讀者將全形＜改成半形<，這些都是可以利用的方式，很多初入門的格主因為不懂得這些語法應用，就直接把語法貼在編輯文章裡，但是網頁出來的卻是Java Script呈現的效果，而沒法展示語法，感到頭痛，查詢Google後通常就是使用我上面的方式，當然也有比較專門的程式，或其他方法，目前我覺得這個最方便。

比如我要將一張汽車月曆貼紙的，分享語法給大家


如何使用呢，連上Postable網頁，將語法貼上，然後按下make it friendly就會產生程式碼



Free Blog Content

程式碼裡要改的特殊符號很多吧，如果使用Postable不用三秒就可得到程式碼，如下

這就是我們要的程式碼，再用你自己設計的code碼將他框住即可，至於程式碼區的設計可以參考，[筆記]在文章裡顯示優質的程式碼區
<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00061.htm" width="162" height="228"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
這樣不是很方便又美觀嗎?

在Blogger 新手基本技巧問答（四），有提到如何顯示特殊字元？
在這裡輸入某些特殊字元也可以顯示出來相對應的程式碼，不過不是全部的，也可以運用看看。

關於寫部落格這件事

寫部落格是件很平凡的事，就像是寫日記一樣，把自己的生活與他人分享，部落客也就是個"人"而已，一個平凡的人，當要冠上部落客要負擔社會責任與符合大眾期待，甚至道德規範時，我想很少人能夠開心的寫部落格的。

其實我想一般部落客並沒有這樣遠大的理想或是指標，至少我自己從來沒想過，自己一定要如何如何，畢竟我只是一介平民，或許我的文章有些人稱讚、有些人嫌惡，面對批評我會省思，而鼓勵我會感恩，最近由於BloggerAds在舉辦《2008‧夏》 動員全台部落客一起手牽手. 串聯分享計畫！許多部落客都紛紛在自己的部落格推薦BloggerAds，我的另一個部落格也有參加，標題是我經常上部落格的推薦—Milly&哇哈哈的生活，其實我很喜歡看這類的文章，分享自己為什麼要寫部落格的原因及歷程，看到大家很快樂的在寫部落格之餘還能賺點零用錢，也是生活中小小的快樂，為什麼要用這種嚴格的標準去看待部落客呢?還有人說部落格會泡沫化，我想就算會泡沫化，這些部落格也是體驗過生命中的熱情與火花，並寫了出來，總比平平淡淡的度過不留下些許痕跡來得好吧。

親戚們的聚會時，常看到大家拿出相機來互拍，調侃著這張相片又要放上部落格了?這樣不夠美啦，這個角度比較好啦，這些都是4、50歲的大嬸大伯們互相討論的話題呢?看到她們真誠的微笑，就能感受到部落格拉近了彼此的距離，大家因為網路線繫得更緊，沒有聯絡也可以從彼此的部落格知道對方最近的生活。

其實有部落格之後，書寫的態度仍舊是沒有改變，但書寫的空間卻因為環境的變化而變得多采多姿，我依然在寫、依然在分享，因為最近看到一些人在評論部落格廣告與置入性行銷的問題，探討商業性的行為是否應該出現在部落客身上，而有感而發，


看了許多人的文章，都言之有理但都有其可以提出反證之處，對我這麼一個小小的格主來說，別人的部落格上放什麼東西，我都無所謂，重要的是他有沒有我想要看的文章，有沒有有趣或是生動的文筆能吸引我的眼球，其實對於BloggerAds黃金寫手這類的邀約，我也有點質疑，很多廣告公司有特別註明，不能在文章裡提到有關廣告文或是試用的字眼，其實這樣有點不妥，其實大方的公開這篇是廣告文，並不損於企業的形象，本來很多產品就是要經試用才有口碑或是批評，讓廠商有改進或是加強的空間，真搞不懂為什麼要隱瞞，所以這類的廣告邀約看看就好，但其實我自己也有想到，這樣的行銷寫作方式也是可以嘗試的，只要寫出自己的實際感想即可，畢竟寫作風格可以多元化，挑戰自己也可以，最近也接了2個，但是人家廠商不理我，說是試用品已經沒有了，要我下次請早，另外一家試用品到現在也沒看到個影，我想又石沉大海了，枉費我想寫行銷文的小小企圖心。

寫部落格是件快樂的事，尤其心情煩悶時想找人說說話又沒有時，就能派上用場了，想起昨晚播放的日劇「魚干女又怎樣」，綾瀨遙飾演的雨宮瑩就這樣想，只是傻眼的是她說「我又沒有部落格」，所以就算是獨自一個人，部落格也不會離你而去，算是另類的療傷系電腦用品吧。

開始在網路上書寫分享到現在也有好幾年的時光，從早期的新聞台一直寫到現在的部落格，因為自己一直有寫日記的習慣，而斷斷續續也在網路上分享過自己的心情故事與生活經歷，總覺得這是件美好的事，為自己的生命留下些什麼，回頭來看自己生命的歷程，總有著許多懷念與回憶，如果你還沒有部落格，試著申請看看吧，會為你的人生添加些不一樣的色彩的。

Blogger留言視窗的設定

Blogger的留言一直為人詬病，常常第一次到訪的朋友們，不知要按哪裡才能留下回應，最近Blogger in Draft提出了最新留言的新系統，直接呈現在文章底下，請參考Blogger in Draft釋出5項新測試功能實作報告一文，也看到許多格主們開始採用，介面真的變得親近許多，我的另一個部落格"東京封印"最近改版，也裝上最新的留言系統，這裡大概要等到網站改版或是正式釋出才會採用吧。

不過今天要談的不是這個，而是原有的留言系統，其實這個功能一直都存在，但是我想很少人利用，就是回應留言的視窗，請看下圖這是原有的視窗，


這是修改後的視窗，加註了些提醒網友的文字。 也可以按下下方的張貼意見，看看實際呈現的樣子。


如何設定呢?依舊是進入Blogger後台系統，設定→意見
找到"意見表單訊息"這一欄，填上你想告知回應者的訊息即可，按下儲存設定即可完成。


這個訊息表單裡面可以利用的元素有超連結<a>，粗體<b>及斜體<i>這三種，以我自己設定的，如下圖，格主們都可自行彈性設定你想要的文字訊息及連結，Kuso點也可以，或是像我一樣用正規的方式。



新的留言系統也可利用，呈現樣式如下圖，這是我另一個部落格--東京封印


其實添加這部份的訊息，是因為有些文章我都已經寫過了，但是網友並沒有善用網站目錄或是網站上所提供的Google搜尋服務來找尋要的資訊，有時我沒有上站或是收信查詢是否有留言，常無法在第一時間回覆網友的問題，所以想想還是提醒一下，大家留言時可以先自己參考網站目錄或是網路上的資料，會比較快速些獲得解答。

你也可以設計一個屬於自己的留言介面資訊，告訴想回應文章們的網友你想通知或是提醒的文字，也是很有趣的且實際的作法，但切忌不要寫得太多太繁瑣，讓人望之卻步把網友嚇跑了。

啟用Picasa網路相簿服務

很多初學者使用Google Blogger服務時，常常不懂得利用Google相關的服務來讓自己在Google的部落格上寫作更容易、更豐富，其實Google服務裡的Google Reader、Picasa相簿、Google Docs文件、Google Page Creator及Google Video等等，都是可以和你的部落格相結合，讓你打造一個更多元化的網站。

今天要介紹的就是Google Picasa服務，因為網友Frondget留言提到這部份，因為回覆留言解釋也要花一大篇文，而且沒有圖片，網友可能會有聽沒懂，為符合有圖有真相的網路慣例，所以還是把相關資訊寫出來，讓新申請的網友也可以知道如何使用Picasa的網路服務，目前這部份是針對Web上的使用方法來寫，至於軟體部分，個人覺得在部落格圖片調整上不是那麼好用，不過大量照片要傳輸，還是要利用軟體會比較快些。

如何啟用呢? 這部份從頭談起，

進入Google首頁，按下右上角的「登入」，登入你的Google帳號，


登入後，右上角會顯示你的信箱帳號，旁邊有一欄是「我的帳戶」，點此進入


這時可以看到你的帳戶裡啟用哪些Google的功能，以我這個帳戶而言，我啟用了Blogger、Gmail、文件等，這裡沒有看到Picasa，別急，下方有一個「更多>>」的選項，按下就可看見Google眾多的服務，

這還不是全部，想知道更多可以參考Google說明。

看到右邊有一項就是Picasa選項，


按下後，會請您入登入picasa介面，這時需輸入密碼，

登入後，會看到條約與細則的同意選項，看完後若接受，按下「我接受」，就可以進入picasa的畫面，


這時會要求你下載Picasa的軟體，如果先前就有下載或是不下載者，可以按左邊的「網路」連結，直接進入你的picasa後台


，如果先前就已經啟動者，一般就是會進入以下這個畫面，


如果你有使用blogger服務，這裡有個相簿就是以你的部落格為名的不公開的相簿， 例如我的部落格名稱為"Picasa圖片"，就會出現這個"Picasa圖片的相簿"，這就是你的blogger圖片預設儲存的地方。

點選這本相簿，就可以看開始編輯裡面的圖片，我只放一張，拿來教學


點選後，進入下列的畫面，網頁的右下方有一選項"連結到此相片"，按下後會有這張圖的url及張貼到部落格的語法選擇，預設大中小三種，


這裡要注意的是他所提供的圖片網址，只是一個超連結可以連上picasa網路相簿的位址，如果你有開放相簿才連得上，不公開的相簿也連的上，如果是要在部落格裡貼圖，真正的圖片網址需點選這張圖片按右鍵，在IE選擇內容，在Firefox選擇屬性，複製他的真正網址類似如下，


http://lh3.ggpht.com/你的帳號/SGtEzAaLNUI/AAAAAAAACn8/94cYdoRH2zA/PIC01915.JPG?imgmax=512
最後一個512就是預設的大小，最大可以調整到1600。

但如果你真的要更大尺寸的圖片，記得把後面的?imgmax=512去掉，就可以呈現你原始的圖片大小，例如2048*1536大小

再用下列的語法插入你的html檔案即可
<img src="你的圖片網址">
這時圖片會呈現原始的大小，但如果想縮小或放大可以使用上面的大中小選項，及使用?imgmax=512等來控制大小，如果是從文章直接載入圖案可以參考我所寫的Blogger圖片大小的控制，教你如何利用語法來控制圖片大小，再將語法貼到你的html裡即可。

不過從這裡我注意到以前沒留意到的，就是
Picasa圖片真正網址為下
http://lh3.ggpht.com/你的帳號/SGtEzAaLNUI/AAAAAAAACn8/94cYdoRH2zA/PIC01915.JPG

這和我們一般從文章編輯的狀態下插入圖片產生的網址是不同的，插入圖片的網址是
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7D2Vu-VvopE5ImIr8Ld3Klupj9AtqVSVaSDAq6qWxaSyJNPZOPviqlSQBgQ3p3Nu2UTiwdZzXDCLyiuWRPTggEE1cddvejaNU1Ine7QVRkdwrsJOcHCk57Fz1FnKh-mERqvMcHHQTn28/s400/bid.jpg

而在Picasa產生的語法和一般插入的語法也不同
他是，
<a href="http://picasaweb.google.com/你的帳號/BZdNkC03/photo?authkey=亂碼#5206549601"><img src="http://lh3.ggpht.com/你的帳號/SEFhRuan6YI/AAAAAAAACa8/UlvbbI7EVT4/s400/kuni7.jpg" /></a>
不過他還是有s400這個語法可以讓我們自己調整到s1600(最大值)，以上這些方法都可利用，就看你自己的習慣用法了。

2008.7.3更新，經Frondget提醒
利用Picasa後台的語法及網址連結，還是可以連上你不公開的相簿，因為連結上時從網址url部份可以知道你的帳號、部落格名稱(英文的會呈現原始的，中文的會以英文代替)及金鑰authkey，如下
http://picasaweb.google.com/帳號/部落格名稱?authkey=金鑰號碼
所以如果真的不想公開部落格的相片，這方法是有瑕疵的，還是利用文章編輯時直接插入圖片的方式比較保險，但是非Google Blogger的使用者應該還是利用picasa的語法來插入圖片，這時可以將<a href="網址">這段超連結敘述去除，記得後面相對應的</a>也要拿掉就不會直接連上你的picasa不公開的相簿了，如果是用wlw軟體寫作的，我記得圖片部分有可以不指定連結的作法，這是使用者必須注意的小細節。

2008.11.24更新
Blogger內建圖片語法增加了width及height，如何解決，請見
Blogger內建圖片語法改變