小梅子 / Jacob Mei Labs

好的，其實這個主題已經很多人寫過了，不過因為都是一個個單獨寫的，小梅子這邊只是做一個小整理，將這四個網站的推文按鈕一次做完，並且簡化了小按鈕的圖檔大小，讓他們看起來比較整齊，歡迎各位自行取用。 使用的方法很簡單，首先，你要進入 Blogspot 的管理後台，在「版面配置」這個下面，點一下「修改 HTML」的選項，就可以看到有點小可怕的 XML 碼編輯器功能。 小梅子自己是將這些按鈕放到每篇 Blogspot 部落文章的標題後面，各位也可以挑自己想放的地方來置放。 假如你也想放在 部落文章的標題後面，那麼你要在那堆 XML 程式碼中找到 <data:post.title/> 這段，然後將個檔案中的文字碼加上去。 在 Blogspot 上面置放 Facebook, Plurk, Twitter 和 Google Buzz 的推文按鈕碼 然後就收工搞定，可以看到類似小梅子部落文標題旁的按鈕 :D PS : 另外，其實網路上還有別的程式碼，是可以連「計數」都撈出來，顯示被推的數字，不過小梅子試過一些，有些不支援中文標題，有些圖案大小不同，四個放在一起看起來就有點醜，所以小梅子最後還是決定放個簡單素雅的就好。 假如想試試會計數的，請參考下面的碼 <a name="fb_share" type="box_count" expr:share_url="data:post.url" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> <script src="http://twittley.com/button/button.js"></script> <script src="http://www.buzrr.com/button.js"></script> PS2：由於 ...

Mr6 是我前老闆的學弟，加上也算是資訊界同行，在某些和行銷有關的場合也常遇到，所以我們算是有點熟又不是太熟的朋友。 最近有關他的網路討論非常多，其中有一個點在於：他寫的文章有見仁見智的解讀，另一個點在於：他有時候會刪除某些留言回應，而有許多人對這樣的做作法不以為然。 小梅子自己過去建立經營過一個社群網站，當時對於如何管理上面的回應與討論，簡直是耗費心力，常常與網友「文鬥」到三四點才睡覺，老實說，只要是牽扯到社群，怎麼處理都不見得面面俱到。 Mr6 也刪過我一個回應文（針對半價網），但我覺得那無損我個人，而且我的原意是善意的提醒他，所以也沒有什麼好不平的，事後他也撥了通電話說明了他刪除的原因。 我覺得每個人都會有自己考量後所做的決定，不見得事事都如網友（或站長）的意，但既或不然，也可以有更積極的態度去面對刪除文章或是意見不同這檔事。 Mr6 每次寫的文章，我都會看一下，小梅子不見得贊同他每次的分析，但我對於他每天不停的閱讀和分享，並透過文章來磨練自己的這份恆心，深感欽佩。 而我覺得每個讀者也都應該要訓練自己判斷事情的能力，Mr6 或許不見得每個見解都對，但在閱讀他文章的同時，也可以自己想想這篇文章中自己學到了什麼，不同意什麼，我覺得重要的事情在於透過閱讀 Mr6 的文章，強迫自己去思考和整理一些平常沒空好好想的問題點，若能如此，那麼他寫的每篇文章都會對你有幫助，不管是直接的或是間接的。 所以小梅子個人的習慣是這樣，假如真的有某個論點我覺得值得再推敲，假如有時間的話，我會在自己的部落 來解釋我自己對於這個點的想法 ，或許我的想法也有謬誤，但花點時間好好的在自己網站寫下來，總比直覺的在別人部落回應要更細膩和深入一點，而這個過程，我覺得獲益良多。

今天上午去幫 台灣數位文化協會 的電子商務行銷課程充當了三小時的講師，被賦與的講課內容是「部落格行銷 基礎介紹」，既然寫了，就放在這裡和大家分享 :-) 這次主要的大綱如下： 網路行銷是什麼？ - 部落格、關鍵字行銷 （帶回到整合行銷切入） 很好很強大的部落格行銷案例 - 正反面都預備講一些案例 （一組是電影部落格行銷、另一組是華碩 VS HP、最後提到關鍵字行銷操作） 成功元素解析 - 部落格基本概論和元素的分析 （最重要，回歸到真誠兩字） 投影片的內容放上 Google Docs 網站後，又有不少刪減，格式有點亂掉，省掉了一些演講會用的梗，但也可能因為如此，所以或許會有一些看不太懂得地方，歡迎在這裡一起討論。

小梅子自己是 Flickr 相簿 的使用者，也是 Google Picasa 相簿 的愛好者，不過呢，我自己還是搞了一個有簡易燈箱效果的 小梅子網路相簿 ，這真是無聊又白爛的行為啊。 這個網路相簿用的是簡單的 javascript 語法和 php 語法，配合一些 css 的設計，讓畫面看起來很簡潔，我個人喜歡這種簡單呈現的東西啦。 今天有網友 smile.jocat 問起這個相簿是怎麼做出來的，所以我就將我用到的網路資源提供給大家一起參考。 1. MOSAIC MINI 這是一個很酷的小巧燈箱像簿，可以自動產生不同格式大小的相簿呈現，只要將相片上傳到同一個檔案夾就可以了，堪稱是最簡易的自動化一步到位的網路相簿。 不過這需要主機支援 php 的語法，而且它沒有換圖的功能。 2. Lightbox2 這是超酷的燈箱語法，很多網站都是以這個為核心改良成自己用的版本，純 javascript ，相容性極高，有換圖的功能。 所以小梅子就將這兩個語法合併在一起，拼湊一下，就是各位現在看到的 小梅子網路相簿 了 :-)

小梅子有點後知後覺，今天才注意到，原來 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

中時電報和中視在 6/15 有一個專題叫「部落格賺錢術」，共有三篇文章： 全職部落客興起　部落格進入戰國時代 建立人氣部落格二絕招：有定位、有特色 超人氣部落客艾瑪　人氣背後的無奈 關於「部落格賺錢」這檔事，樂觀的網路趨勢專家 Mr.6 寫過 艾瑪寫文一篇，3天竟賣出261本書 ，各位可以自己看看。 同時，也有如 Benjamin 般的神人，提出了諍言 關鍵字與流量的戰國時代 。 至於到底寫部落格能不能賺錢，是不是值得你將工作辭掉全心投入，小梅子真誠的想和你說 - 乖乖上班吧。 為什麼這麼說呢？小梅子自己在聽到全職部落客這個名詞的瞬間，你知道我腦海中出現的影像是誰嗎？ 工頭堅 、 Vista 、 Schee 、 艾瑪 、 彎彎 .... 不不不，都不是這些人，而是「 橘子媽媽 」 冏... 這個橘子媽媽又是誰？ 她曾經是台灣 Yahoo 網路拍賣傳說中的天后級賣家，上遍了電視、報紙、雜誌等媒體，也幫不少名人賣過衣服，許多人將工作辭掉專心做網拍，就是因為看到 橘媽振奮人心的奮鬥史 。不過橘媽在 2003 年底的時後，涉及 假貨買賣 的法律問題。 橘子媽媽和全職部落格有關嗎？ 不，沒有直接的關係，不過從以前到現在，媒體行銷的結果是面歷史的鏡子，或許我們可以從以前的事情看到未來的捕風捉影。 從 2003 年六月的 eBay 唐先生 打破花瓶的廣告開始，台灣正式興起了全民網拍風，男性上班族想辦法整理出二手的資訊用品、女性OL開始翻出沒用到的旅行紀念品、學生拿上學期的參考書、家庭主婦拿百貨公司贈品，這一切，都為了上網拍賣，希望可以多賺一點點零用金。 而同年越來越多的「全職網拍賣家」的故事在媒體一一被報導（咳，小梅子也曾是其中的一員，雖然每次都和記者大哥大姊說：千萬不要寫的好像做全職網拍很輕鬆 ....），也越來越多人花錢花時間努力搞網拍，橘媽雖然在 2003 年底出事，但這個前仆後繼的熱潮延續了好幾年 .... 媒體總是喜歡將這些看似成功的特例，當作是每個人都可以效法的通例來報導。 小梅子上過許多網路行銷和網拍的課程，也有很多朋友都是搞網拍的，下課休息的時後，學生最常問的有兩個問題： 1. 老師，請問賣什麼才能賺錢？我想將工作辭掉了 ... 2. 老師，請問我因為想搞網拍，所以進了一批貨，怎麼都賣不好，現在該怎麼辦？ 第一個問題，如同你問股市明牌一樣，要是真的有這麼神準，哪...

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_Bo...

這個標題看起來有點複雜，為什麼要使用 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 更自由的地方，就在於你可以將檔...

這種版型的設計，還是術業有專攻啊，羊男又改了一個三欄式的版型出來，很清爽，版面也很適合我的需要，所以我就改用了他的版型。 有需要的網友可以去他的 Blogger 三欄式樣版( 3 Columns Template Layout ) EVO 進化版 看看，他也寫了很簡單的使用教學。

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 ...

剛剛聽說 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...