2008年7月27日 星期日

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線上行事曆服務還有許多功能可以玩,喜歡的人可以自己玩玩看,也可以邀自己的朋友一起成立群組,互通消息,隨時獲得對方最新的第一手消息呢。

2008年7月17日 星期四

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

Postable Making your code friendly
http://www.elliotswan.com/postable/
在寫有關一些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 新手基本技巧問答(四),有提到如何顯示特殊字元?
在這裡輸入某些特殊字元也可以顯示出來相對應的程式碼,不過不是全部的,也可以運用看看。

2008年7月16日 星期三

關於寫部落格這件事


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

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

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

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


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

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

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

2008年7月9日 星期三

Blogger留言視窗的設定

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

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


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


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


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



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


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

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

2008年7月2日 星期三

啟用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內建圖片語法改變