「相簿」教你如何做一個有燈箱 (Lightbox) 效果的網路相簿
9/25/2007
小梅子自己是Flickr 相簿的使用者，也是 Google Picasa 相簿的愛好者，不過呢，我自己還是搞了一個有簡易燈箱效果的 小梅子網路相簿，這真是無聊又白爛的行為啊。
這個網路相簿用的是簡單的 javascript 語法和 php 語法，配合一些 css 的設計，讓畫面看起來很簡潔，我個人喜歡這種簡單呈現的東西啦。
今天有網友 smile.jocat 問起這個相簿是怎麼做出來的，所以我就將我用到的網路資源提供給大家一起參考。
1. MOSAIC MINI
這是一個很酷的小巧燈箱像簿，可以自動產生不同格式大小的相簿呈現，只要將相片上傳到同一個檔案夾就可以了，堪稱是最簡易的自動化一步到位的網路相簿。
不過這需要主機支援 php 的語法，而且它沒有換圖的功能。
2. Lightbox2
這是超酷的燈箱語法，很多網站都是以這個為核心改良成自己用的版本，純 javascript ，相容性極高，有換圖的功能。
所以小梅子就將這兩個語法合併在一起，拼湊一下，就是各位現在看到的 小梅子網路相簿了 :-)
Posted by 小梅子 23:38 4 意見 此文章的連結
「資訊」Google Reader 可以搜尋了哩！
9/08/2007
小梅子有點後知後覺，今天才注意到，原來 Google Reader 線上 RSS 閱覽器，終於推出官方版本的RSS 內容 Search的功能了。
換句話說，只要是你透過 Google Reader 訂閱的各種網站、新聞、部落格等等的 RSS，現在都可以在 Google Reader 中找的到，而且它的搜尋範圍不限 Google Reader 中顯示的敘述多寡，而是全篇文章都可以被查尋到，真是太棒了！
同樣查詢的功能，我們當然可以透過 Google Blog search，或是直接透過 Google / Yahoo 等網站來查詢，不過往往沒用的資訊比要的資訊多，除非你關鍵字和查詢範圍下的夠精準。
Google Reader查詢的好處就在這，你訂閱的一定是你有興趣或是想追蹤的 RSS 來源，所以在這裡查詢出來的結果，就會是更精準的查詢結果。
另外有一個小小的訣竅（還是 bug :P)，假如是你Google Reader中訂閱過且看過的 RSS 文章，那麼就算原部落主人將該篇文章刪除掉，你還是查的到喔 ...... 真是凡走過必留下痕跡啊 :P
Posted by 小梅子 00:52 0 意見 此文章的連結
「行銷」日光之下並無新事 - 談全職部落客和部落格賺錢術
6/16/2007
中時電報和中視在 6/15 有一個專題叫「部落格賺錢術」，共有三篇文章：
全職部落客興起 部落格進入戰國時代
建立人氣部落格二絕招：有定位、有特色
超人氣部落客艾瑪 人氣背後的無奈
關於「部落格賺錢」這檔事，樂觀的網路趨勢專家 Mr.6寫過艾瑪寫文一篇，3天竟賣出261本書，各位可以自己看看。
同時，也有如 Benjamin 般的神人，提出了諍言關鍵字與流量的戰國時代。
至於到底寫部落格能不能賺錢，是不是值得你將工作辭掉全心投入，小梅子真誠的想和你說 - 乖乖上班吧。
為什麼這麼說呢？小梅子自己在聽到全職部落客這個名詞的瞬間，你知道我腦海中出現的影像是誰嗎？工頭堅、Vista、Schee、艾瑪、彎彎 .... 不不不，都不是這些人，而是「橘子媽媽」 冏...
這個橘子媽媽又是誰？
她曾經是台灣 Yahoo 網路拍賣傳說中的天后級賣家，上遍了電視、報紙、雜誌等媒體，也幫不少名人賣過衣服，許多人將工作辭掉專心做網拍，就是因為看到橘媽振奮人心的奮鬥史。不過橘媽在 2003 年底的時後，涉及假貨買賣的法律問題。
橘子媽媽和全職部落格有關嗎？
不，沒有直接的關係，不過從以前到現在，媒體行銷的結果是面歷史的鏡子，或許我們可以從以前的事情看到未來的捕風捉影。
從 2003 年六月的 eBay 唐先生打破花瓶的廣告開始，台灣正式興起了全民網拍風，男性上班族想辦法整理出二手的資訊用品、女性OL開始翻出沒用到的旅行紀念品、學生拿上學期的參考書、家庭主婦拿百貨公司贈品，這一切，都為了上網拍賣，希望可以多賺一點點零用金。
而同年越來越多的「全職網拍賣家」的故事在媒體一一被報導（咳，小梅子也曾是其中的一員，雖然每次都和記者大哥大姊說：千萬不要寫的好像做全職網拍很輕鬆 ....），也越來越多人花錢花時間努力搞網拍，橘媽雖然在 2003 年底出事，但這個前仆後繼的熱潮延續了好幾年 .... 媒體總是喜歡將這些看似成功的特例，當作是每個人都可以效法的通例來報導。
小梅子上過許多網路行銷和網拍的課程，也有很多朋友都是搞網拍的，下課休息的時後，學生最常問的有兩個問題：
1. 老師，請問賣什麼才能賺錢？我想將工作辭掉了 ...
2. 老師，請問我因為想搞網拍，所以進了一批貨，怎麼都賣不好，現在該怎麼辦？
第一個問題，如同你問股市明牌一樣，要是真的有這麼神準，哪個股市老師還會上電視、辦講座、開班授課？早就自己默默的開始進場賺錢了，老師只能教你分析事情的方法和經驗，能不能賺錢，還是得靠你自己，這個道理在股市行的通，在網路行銷同樣如此。
第二個問題，通常我會給一些依照實際狀況的參考方法，協助他們有機會將存貨賣掉，然後會建議他們之後還是回去乖乖的上班就好了，網拍當休閒就好，不要給自己這麼大壓力。
將時間軸拉到 2007 年
從台灣有部落客拿到 Google adsense 寄出的支票，台灣正式興起了全民部落風，男性上班族想辦法寫點工作和技能相關的文章、女性OL開始寫些旅遊和美食心得、學生狂貼轉寄的笑話和影片、家庭主婦寫起小孩和寵物的心情點滴，這一切，都為了申請個 xxx 部落廣告，希望可以多賺一點點零用金。
而同年越來越多的「全職部落客」的故事在媒體一一被報導（咳，xxx 也曾是其中的一員，雖然每次都和記者大哥大姊說：千萬不要寫的好像做全職部落客很輕鬆 ....），也越來越多人花錢花時間努力搞部落格架設，許多申請了 Google Adsense 的部落客雖然在 2007 年陸續被 Google 取消資格，但這個前仆後繼的熱潮延續了好久 .... 媒體總是喜歡將這些看似成功的特例，當作是每個人都可以效法的通例來報導。
小梅子上過許多網路行銷和部落格的課程，也有很多朋友都是搞部落格的，下課休息的時後，學生最常問的有兩個問題：
1. 老師，請問寫什麼才能吸引人看？我想將工作辭掉了 ...
2. 老師，請問我因為想搞部落格賺錢，所以參加了很多部落格廣告聯盟，怎麼都賺不到廣告費，現在該怎麼辦？
------------------
這驚人的重複性，只是證明了聖經上古老的言語：日光之下並無新事。
小梅子覺得，從以前到現在，網路上沒有真正新奇特殊的網路行銷，但有因為技術不同而對應出來的不同網路現象，行銷本質從來沒有變過，不管是網路還是實體經濟。
最後，還是很想重複的說一句：媒體大哥大姊們，千萬不要寫的好像做全職部落客很輕鬆，這些成功的特例，不是每個人都可以效法的通例啊。
Posted by 小梅子 22:49 24 意見 此文章的連結
「教學」黑米小按鈕在 Blogger 上的置放方法
5/26/2007
HemiDemi 黑米網摘網站，最近推出了「黑米小按鈕」的功能，這段 javascript 語法可以讓部落格站長將語法寫入到版型或是文章中，這樣假如有人收錄這篇文章在黑米網站上，你的部落就會顯示有多少人收藏你的文章，並有多少人討論你的文章。
這是一種很方便的跨網路社群模式，之前 CK 寫了兩個外掛模組
HEMiDEMi Scriptlet - 誰在背後講我?
HEMiDEMi Scriptlet - 誰收藏本文?
都是類似的工具，CK 寫的還包括了大頭貼的顯示，看起來非常有趣，而黑米自家的則是非常清爽，將收藏和討論的數字一併顯示，大家可以依照需要各取所需。
小梅子的 Blog 架設在 Google 的 Blogger 平台上，它的樣板稍微複雜一點，小梅子想或許也有別人想知道怎麼將黑米小按鈕放在 Blogger 上面，所以有這篇簡易教學。
先看看不同的位置效果。
這是將黑米小按鈕放在每一篇文章的結尾，回應的前面，黑米小按鈕的語法請直接取用，問題是這個要放在 Blogger 板型的哪裡。
要搞懂這個，請先了解目前 Blogger 的板型模式有分新版和舊板兩種，小梅子這邊的教學是針對新版的，假如你還在舊板的 Blogger，請自行先升級到新版，新版的好處多了不少，包括了 Tag 等的使用，會更靈活。
但老實說，新板的要修改板型也更難一些。
在登錄了 Blogger 後台以後，請找到【範本】下的【修改 HTML】的選項。
這裡請注意，這邊有一個【在編輯模版之前，您可以先儲存一份模版。 下載完整模版】的功能，請務必下載一份你現有的板型備份，這樣假如不幸手賤搞砸了，還可以完整回復先前的設計。
然後右方有一個【展開小裝置範本】的選項，請打勾，這樣下方的板型模組碼，才會完整的顯示出來。
接下來的動作要頭腦清晰點 :P
請在這一串板型模組碼中，找到
<b:includable id='comments' var='post'>
這一句，然後將黑米小按鈕的語法放在後面。
整體看起來就會像是這樣：
<b:includable id='comments' var='post'>
<script type="text/javascript">
HEMiDEMi_Bookmark_Button_Style = 'button1';
</script>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js" type="text/javascript"></script>
點一下右下角的【儲存範本】，就可以收工看一下顯示的效果如何。
另外一個可以擺放的位置，是在文章回應的下方，再置放黑米小按鈕，這邊順便推薦一下 CK 寫的HEMiDEMi Scriptlet - 誰在背後講我?的黑米外掛語法，這樣就可以同步將黑米上面別人討論你的文章，也直接顯示在同一個頁面下，你就不用到處觀看，深怕哪邊忘了回應。
類似剛剛上面的做法，同樣，我們要在板型模組碼中，找一個叫
<b:if cond='data:blog.pageType == "item"'>
的語法，然後將黑米小按鈕，甚至 CK 寫的誰在背後說我兩組小語法都放在這個後面。
整體看起來就會像是這樣：
<b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript">
HEMiDEMi_Bookmark_Button_Style = 'button1';
</script>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js" type="text/javascript"></script>
<script src='http://webdev.yuan.cc/scriptlets/hemidemi_comments.js'>
</script>
這樣你就會得到雙效合一的顯示效果了 :-)
有趣嗎吧，大家一起動手來玩黑米小按鈕吧 ^_^
Posted by 小梅子 14:18 10 意見 此文章的連結
「分享」使用 Google Page+Blogger+FeedBurner 做 Podcasting
2/26/2007
這個標題看起來有點複雜，為什麼要使用 Google Page + Blogger + FeedBurner 做 Podcasting 呢？
其實主要的原因是為了希望搞一個完全免費的檔案儲存空間和部落格發佈方式，並且要能夠完全支援 iTunes 的 Podcasting 訂閱機制，而且我又比較熟悉 Blogger 的使用方式，所以才搞了一個這樣的教學，假如大家想要找一個比較簡單的方式，也可以試試 Vox + FeedBurner，聽豬小草說，這樣的方法也很簡單。
假如你也和我一樣比較熟悉 Blogger 的使用方式（或說，對 Google 相關的服務有一份莫名的熱愛 ..），那麼就一起看看下面的做法囉 :-)
看完本篇：你會知道如何使用免費的 Google Page上傳檔案，了解如何製作 iTunes 完全相容的 Podcasting 訂閱服務。
最好有的基礎：已經會用 Blogger，知道怎麼錄製自己的 MP3 檔案。
好的，我們開始吧 :-)
1. 首先，你得有一個 Google Page的帳號，假如你有 Gmail，那麼就很好辦，因為 Google Page和 Gmail 可以共用一個帳號，後面我們用到的 Blogger 也可以整合在同樣的帳號中。假如你沒有相關的帳號，可以請你有 Gmail 的朋友邀請你，或是直接和 Google 要一個。
2. 登入 Google Page 以後，在右邊會有一個【Uploaded Stuff】的位置，這裡就可以讓以開始上傳檔案，不管是 MP3 或是圖檔都可以上傳喔，本篇教學的圖檔就是都放在 Google Page 中。
3. 上傳以後，你會看到一個小小的檔案名稱，代表你上傳成功，用滑鼠移過去，就可以看到你的檔案網址，會是類似 http://jacob.mei.googlepages.com/the_Love_morning.mp3
這樣的檔案網址，將這個網址記下來，然後去 Blogger 吧。
4. 在 Blogger中開始寫和這個聲音檔案有關的文章吧，記得，在【連結】的那個地方，將剛剛我們從 Google Page 上傳檔案的網址複製過來，當然，你也可以在文章中在附上一次網址，或是使用 embed 語法將聲音檔案置入。寫到這裡，我想 Google Page 比 Vox 更自由的地方，就在於你可以將檔案 embed 你想要放的其他網頁中。
5. 如同一般你寫作 Blogger 的方式，寫完你的文章以後，就可以看看你的書寫結果了，你可以點一下你的這一篇部落文章標題，看看是不是可以連到剛剛我們貼上的聲音檔案網址 :-)
6. 其實 Blogger 本身就有 RSS 可以使用，目前為止，也可以讓一般網友直接下載聆聽 MP3 了。不過假如我們希望可以透過 iTunes 來訂閱這個部落的 Podcasting, 那麼，我們還需要使用 FeedBurner的協助。進入 FeedBurner 網頁以後，輸入你的 Blogger RSS 網址，通常，就是你的 Blogger 網址再加上 feeds/posts/default 這樣的字樣，所以會是類似 http://murmurcast.blogspot.com/feeds/posts/default 這樣的格式，將你自己的 Blogger RSS 拷貝貼到 FeedBurner，並且記得點選後面的【I am a podcaster!】，然後進到下一步。
7. 這裡，你可以幫你自己想一個好聽好記的 FeedBurner 使用名稱，你可以選和自己 Blogger 同樣的名稱，這樣自己也比教不會忘記 :P
到此，你應該會得到一個類似 http://feeds.feedburner.com/murmurcast 這樣的新網址，這個就是完全支援各種 Podcasting 服務的專屬個人部落網址，其他的 Podcasting 使用者，就可以透過這個網址，自由的訂閱你的部落 Podcasting 囉。
8. 最後，我們要來看一下，為什麼小梅子搞這麼複雜的教學，為了要用 iTunes 來訂閱 Podcasting ....，看看這張圖，透過 iTunes，以後只要部落有更新相關聲音檔案，iTunes 就會自動下載，並且隨時可以聽，也不用擔心網路傳輸緩慢會聽到破碎的聲音了。而且相關的說明都會保留，非常的方便好用啊 (握拳推薦)～～
好了，寫的雜亂，希望大家看得懂，祝大家都有自己的 Podcasting 可以玩 :-)
延伸閱讀；
Google 買下了 Feedburner - 一億美元
如何建立 iTunes Store 帳號 - 完全免錢、免信用卡的方法
Posted by 小梅子 00:49 12 意見 此文章的連結
「推薦」羊男的輕爽 Blogger 三欄式樣版( 3 Columns Template Layout )
1/03/2007
這種版型的設計，還是術業有專攻啊，羊男又改了一個三欄式的版型出來，很清爽，版面也很適合我的需要，所以我就改用了他的版型。
有需要的網友可以去他的Blogger 三欄式樣版( 3 Columns Template Layout ) EVO 進化版看看，他也寫了很簡單的使用教學。
Posted by 小梅子 19:13 2 意見 此文章的連結
「善搞」Blogger Beta Template 綠黨懶人包
12/05/2006
Blogger Beta 的功能比以往更強大，但是版型的設計也比一般的 HTML語法要複雜一點，其實也不能說是複雜，而是大多數人還不習慣 xml 格式的用法。
小梅子也是屬於不太熟 xml 語法的麻瓜，因此就在網路上找尋有沒有一些現成的版型可以使用，而這邊小梅子除了提供一些有用的相關連結，也將自己現在用的這個版型提供下載，歡迎大家自己卯起來改，呵呵。
至於為什麼叫 [綠黨]懶人包，則是因為這個版型綠綠的看起來很環保，也沒有用到什麼圖檔(是Blogger內建的)，而且滿搭 [支持綠黨] 和 [攪動全世界] 兩個貼紙的顏色，所以就取名為綠黨懶人包，希望不會被打 ....
好的
首先我們來看看這個綠黨懶人包有哪些特色 :
1. 它是兩欄式的，其中右欄的下方還有兩個次分欄
2. 文章有 閱讀更多、文章收闔的功能
3. 標籤都有提供單獨的 rss 輸出連結
4. 改了幾個社會書籤的快速鍵，包括了台灣常用的 HemiDemi, Myshare, yahoo書籤等
(這個部份比較麻煩，我在蘋果電腦上的中文測試還算正常，但是IE6 就有亂碼標題的問題，再找時間改良一下)
5. 改了文章中翻英的快速鍵，透過 Google Translate 搞出來的，這個滿好玩的
6. 標題收闔功能
按這裡下載存檔
這些功能大都是從各式各樣的 Blogger Hacks 而來，都不是小梅子自己設計的，我只是抄手 :P
假如你有興趣研究的話，下面是一些很棒的資訊 :
a. 羊男實驗的咖啡館，羊男提供了許多很棒的心得，包快了如何製作文章、標題收闔的相關教學，也提供了簡潔好用的版型懶人包下載。
b. Hackosphere 非常多的版型可以下載，功能強大，也有很多很棒的教學技巧
c. Stubborn Fanatic硬派技術教學，很清楚講解 Blogger Beta Template 的邏輯和使用方式
d. iMessengr 綠黨懶人包的前身，我從這個 template 改出來的
e. 水瓶子 非常詳實的筆記和教學，很實用
大家慢慢玩 :-)
至於為什麼用 Blogspot(Blogger) 當作書寫部落的平台，這個實在太多人寫了，有興趣了解的朋友可以看看 :
a. 豬小草說 All that i want it, just give Blogger a chance
b. HemiDemi 收錄和 Blogger 平台有關的網摘
Posted by 小梅子 13:14 15 意見 此文章的連結
「心情」隨口聊一下虛擬主機 webhosting sucks
2/21/2006
剛剛聽說 Mark 的 Blog 發生了憾事，我看了一他的的遭遇，真的是心有戚戚啊
想起了 OIKOS 去年轉換主機時的惡夢，小梅子這裡小小的發一下牢騷，順便也聊一下我自己的經驗 ...
今天實在不應該寫這個，事情多到爆，但是不講一下會得內傷的，所以還是提一下，哈哈。
小梅子用過的虛擬主機很多，有些現在還在幫客戶或是朋友的網站在架設
國外的虛擬主機，我用過
http://www.ipowerweb.com/
http://www.lunarpages.com/
http://www.godaddy.com
http://www.bluehost.com
http://www.jaguarpc.com
台灣的我用過
戰國策
智邦
我講一下我的經驗
通常大多數的站長都會先看【流量】和【硬碟容量】
一看到提供 300GB 流量這些數字就會笑的口水流出來，因為想想實在是太便宜了
不過通常這些限制都不會用到滿
真正恐怖的是【CPU / Mysql / PHP】的資源使用量
因為這些便宜的虛擬主機通常都是一台主機服務好多台的網站，所以 ISP 很在乎的其實不是你用了多少流量和硬碟，而是你的網站跑的服務會不會影響到其它的共享網站的穩定度。
聽起來這些 ISP 好像很有道理
問題在於，他們通常都不會明確的列出什麼是合理的 【CPU / Mysql / PHP】的使用量，而是會在你的網站某一天不小心突破限制的時候，忽然停掉你的網站使用權，然後給你一封很機車的警告信:
Your account is utilizing excessive resources, causing a significant degradation of services on the server. This is a shared environment and we can not allow one user to utilize the majority of the resources on a server as it affects all users adversely. Because of this, you have been temporarily
moved to the another server. A detail of the problem is shown below:
非常機車的是，他也不會清楚告訴你到底這個限制是多少，而且你找遍了管理後台，也沒有相關的資訊可供參考。
所以鬼才知網站的使用率過高。
好啦，那麼身為程式人員的我們為什麼不自己寫個程式來監控管理使用量呢？
因為這是共享主機，我們其實寫不出什麼可以真正瞭解整台主機使用狀況的程式來控制，當然你可以透過 cpanel 之類的來觀察，不過當你看到破表的時候，已經來不及處理了。
換句話說，只有等 ISP 通知你爆掉的時候，你就是爆掉，然後網站停擺兩天，恭喜老爺。
這種狀況，每家提供虛擬主機的廠商都差不多，不管費用多寡，只要你的網站流量稍大，都有可能遇到，所以不要再被多大的流量和硬碟數字迷惑，租用前，先問一下【CPU / Mysql / PHP】的使用限制到底是什麼。
最後，我還是乖乖的租了 dedicated server 這類的方案，多花幾倍的錢，確可以省了很多煩惱和時間，算起來還是值得的。
PS : 所以奉勸大家，沒事的話要多多備份網站資料，假如被停掉的話，資料是不會不見，但是你要搬移資料可是會累死你的 :P
2006.02.21舊文，搬移到新網站
Posted by 小梅子 02:37 0 意見 此文章的連結
