【部落格圈】文章總數和回應總數

閱讀全文》

【點選上圖可放大看得更清楚】
身為部落格格主知不知道自己的格子已經成立多久了？

到目前為止，撰寫了多少篇文章？有多少則留言迴響？

>.^

【點選上圖可連線至該網站】
當然，寫部落格嘛自己高興就好，能平衡自己的情緒波動就好，能抒發自己的喜怒哀樂就好，管它已經寫了多久？寫了多少？寫了有沒有共鳴？

但是，計量學派小婆看到這麼幾個簡單的小動作就可自動顯示數字出來，愈看愈想要告訴想知道且也有此需要的朋友們。

「成立天數」是只要支援 JAVA 語法的網頁都可引用；但「文章總數和回應總數」則是 Abin 專門寫給 Blogger 應用的。

【點選上圖可放大看得更清楚】
小婆是將它們放在「ABOUT」欄位，也就是部落格的簡介裡。

● 成立天數【適用於支援 Java 的網頁】 ●

成立天數：<script language="JavaScript"> var now=new Date();var spday=new Date(YYYY,MM-1,DD); a=(now.getTime()-spday.getTime())/(24*60*60*1000);a=Math.ceil(a); document.write(""+a+"");</script> 天
記得將語法中的「YYYY」（年份）、「MM」（月份）和「DD」（日期）修改為自己部落格成立的日子。

● 文章總數和回應總數【僅適用 Blogger 的網頁】 ●

<script>function calculateAmount(json) { document.write(json.feed.openSearch$totalResults.$t); } </script> <!-- Calculate the total amount of feed --> 文章總數：<script src="/feeds/posts/default?alt=json-in-script&callback=calculateAmount" type="text/javascript"></script> 篇<br />回應總數：<script src="/feeds/comments/default?alt=json-in-script&callback=calculateAmount" type="text/javascript"></script> 則
小婆的部落格成立快兩年了……

很慶幸當初自己設立了部落格，很開心在這裡認識了一些好朋友，很感激這些日子來有許多熱心網友們的指導。

謝謝自己，謝謝你們，謝謝老天爺！

>.^

【部落格圈】Cbox 的表情符號

閱讀全文》

看膩了 Cbox 系統內定的表情符號嗎？

來創作自己的獨特風格吧～

>.^


小婆前兩天意外地發現原來 Cbox 的表情符號也是可全盤地「量身定做」（costomized）的！

話不疑遲，馬上就趕緊上網 Google 去找 source 以及測試如何增加和修改。


這個 Host GIF 網站提供了非常豐富的網頁設計素材。小婆僅取材及篩選其 GIF 中的 Smiles 檔來加以應用。其總共有４５頁的表情碼，很多是同一表情但兩種畫面尺寸。因為是要運用於 Cbox 中，小婆都選擇小尺寸；第一輪小婆總共篩選摘錄了５３款，之後轉存至 Cbox 則為３６種表情。


● 步驟如下：

01. Log in 您的 Cbox 帳號
02. 點選上欄 Admin 後，點選左測選單中的 Smiles
03. 將圖檔的 URL（Uniform Resource Locator）拷貝貼上
　　ex. http://www.hostgif.com/graphics/gif/smiles/smiles_4.gif

04. 適當填寫或修改所顯示的 Code
　　ex. :bravo:【記得英文字前後都有冒號】

05. 按 Cbox 底端的 New Row 增加新行
06. 重複步驟３／４／５
07. 按 Cbox 底端的 Save 儲存


您只要拷貝貼上同一圖檔的 URL 後，去改「號碼」就可；然後填入該表情所顯示的 code 用以正確表示其意思。後悔了怎麼辦？刪掉 URL 和 Code 後，再按 Save 儲存就可以；或按該行尾端的紅色「Ｘ」也可。


若想要全部刪除而使用 Cbox 系統內定的表情符號，要慎重考慮清楚唷！因為您剛才或之前辛辛苦苦加入的表情符號會全部被系統內定值替代。

好啦，看倌們會說：天ㄚ～４５頁呢！要看到什麼時候呀？

小婆就將所篩選摘錄的３６款和各位分享：

Number	Code	Number	Code
2	:nap:	79	:aggrieved:
4	:bravo:	81	:angry:
6	:adore:	86	:cry:
16	:money:	92	:furious:
17	:horrified:	133	:surrender:
19	:lol:	138	:challenge:
26	:thumb up:	140	:read:
28	:thumb down:	158	:bath:
34	:terrified:	160	:keyboard:
38	:confused:	127	:head:
40	:nuts:	249	:cold:
47	:not bad:	268	:lol 3:
50	:faint:	284	:heart:
55	:luckily:	288	:love:
57	:what no no:	292	:flowers:
59	:alas:	298	:Cupid:
66	:lol 2:	311	:kiss:
72	:wall:	352	:gift:

您可將 19、44、66、268 笑臉放在一起，也可將 127 放在 298 後面；還有 61 angel 和 237 evil 也蠻有趣的。

相對地，開啟 Cbox 表情符號視窗時會速度較慢些，要自個兒權衡得失，不要一眛地看上一對就增加一雙喔。

>.^

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

◎ 延伸閱讀 ◎

【部落格圈】Cbox 訪客留言之安裝與使用

>.^

【部落格圈】邊欄該放的小玩意兒

閱讀全文》

Blogging 自娛．娛人。

將心比心地站在一位訪客和讀者的立場，
你會希望看到部落格有哪些邊欄小玩意兒？

>.^


部落格（blog）就像企業界的產品（product）一樣，需要產品特色（features）、市場定位（positioning）和品管（quality control），需要通路（place）和促銷（promotion），更需要和消費者（也就是作者自己以及訪客讀者）有著良好的互動關係（public relationship）。

從一開始到現在，小婆到其他格主家瀏覽觀賞文章之餘，還會特別注意與學習格主們精心設計的版面和精挑細選的邊欄（sidebox）小玩意兒。

優秀的文筆非一蹴即成，有時候甚至是天賦異稟，有些是台下十年功累積而成。但文章張貼前，注意起承轉合、段落分明、易於導讀和檢查錯別字，都是格主誠意的表現。而網頁的圖案和字體選擇與尺寸大小、色系搭配和邊欄小玩意兒的順序排列等則是格主貼心的設計。


根據小婆十個多月來的觀察與經驗，將部落格邊欄小玩意兒略分為五級，列明如下：

★★★★★

01. 部落格簡介（About）
02. 作者簡介（About Me）
03. 最近文章（Current Posts）
04. 留言迴響（Current Comments）
05. 留言板（Special Message / Cbox）

★★★★☆

06. 網誌訂閱（RSS / FeedBurner）
07. 網摘書籤（Bookmarks / 網摘書籤語法集大成）
08. 社群經營（Community / MyBlogLog 和 Twitter）
09. 熱門點閱（Top 10 / Spotplex）
10. 自選推薦（Recommendations）

★★★☆☆

11. 文章分類（Categories）
12. 文章搜尋（Article Search）
13. 檔案文章（Archives）
14. 連結精選（Selective Links）
15. 版權聲明（Copyrights / Creative Commons）

★★☆☆☆

16. 靠部落格賺零用錢（From Blog to Money /
　　Google AdSense 和 Blogger Ads）
17. 訪客計數（Visitor Counter / SiteMeter 和 Blog Look）
18. 日曆（Calendar / Free Blog Content）
19. 時間（Clock / Clock Link）
20. 天氣（Weather / The Weather Channel）

★☆☆☆☆

00. 格主自選：照片輯選（flickr）／網路寵物／串連貼紙／文章翻譯（為啥小婆不放？因為中翻英的結果很好笑！）／活動投票／訪客分析圖／……


「部落格簡介」開宗明義、直接了當地告訴訪客和讀者文友們，這個部落格所談論的主題（subjects）、範疇（fields）和立場（positioning）。例如：Annie 小婆婆札記－－

　Annie LGMM Life Notes:
　　Living, Learning, Loving, Laughing, Smiling, and Sharing.

「作者簡介」乃除了個人隱私若列出來日後會悔不當初的之外，包含了格主的一些基本資料：姓名或筆名、性別、生肖、星座、居住地和興趣，讓訪客和讀者對格主有初步的認識。例如：小婆生肖屬馬、處女座，目前是位研究所學生，和小公居住在美國馬里蘭州銀泉市六松居。

「留言板」則方便訪客和讀者留言與文章無關的訊息。Blogger.com 並未提供這項功能，經多方測試後，小婆目前使用 Cbox 留言板。

「自選推薦」可方便初來乍到的訪客們，在短時間內於上百篇的文章中找到可讀性高的佳作。


網誌和私人日記最大的不同，一個是放在網路上，一個鎖在抽屜裡；一個大夥兒品頭論足，一個關起門來自爽。

網誌最希望的就是有訪客和讀者的迴響與互動。如果丟了一顆石頭到水裡，沒有一絲微的漣漪，也沒有一丁點兒的水花，格主或許會寫得意興闌珊，訪客也會覺得自討沒趣，這樣子這個部落格大概很快就壽終正寢、無疾而終了。

所以看見好文章，別吝於留言讚美兩句或網摘書籤推薦一番；看見讀者來訪留言了，別忘了即時或定期回覆，還有就是禮尚往來，有空也到對方家裡串串門子。一來一往，從字裡行間自然而然地磁場相近者便物以類聚地形成社群。


還是那句老話，部落格有兩大精髓－－

Blogging is for yourself and sharing with others.

像極了格主同時愛上了：作者自己和訪客讀者群。可別厚此薄彼，冷落了任一方。

小婆個人認為，部落格邊欄沒有所謂不該放的小玩意兒。

畢竟，格主所選擇放置的部落格小玩意兒會形塑這個網頁獨有的特色與風格。但是，格主要特別注意的是要懂得如何拿捏、有所取捨－－

　　不要讓版面太過花枝招展，讓人眼花撩亂，不想再來；
　　不要讓網頁連線速度過慢，影響訪客讀者來訪的意願。

這個蠻好用的網路工具：Pingdom Tools - Full Page Test 可告訴你邊欄到底是哪一個小玩意兒拖慢了網頁的開啟速度。

凡事量力而為與將心比心，然切莫本末倒置。

>.^

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

◎ 延伸閱讀 ◎

《【部落格圈】Aquarium: 不用換水的水族箱》by Annie 小婆
《【部落格圈】Bookmarks: 網摘書籤語法集大成》by Annie 小婆
《【部落格圈】Cbox 訪客留言之安裝與使用》by Annie 小婆
《【部落格圈】Google AdSense 初用感想》by Annie 小婆
《【部落格圈】Sticker: 自己做張漂亮貼紙》by Annie 小婆
《【部落格圈】Twitter: 你正在做什麼？》by Annie 小婆

《30個部落客會犯的錯》by 老貓
《Blogging 十誡》by 終極邊疆
《部落格十個常犯錯誤》by CNET Taiwan
《部落格側邊欄放的東西》by 老貓
《波奇部落格玩意工廠》by Poki

>.^

【部落格圈】Cbox 訪客留言之安裝與使用

閱讀全文》

【備註：2008.07.25 意外發現 Cbox 網頁改版，為避免已 link 這篇文章的網友之困擾，所以就直接就其不同處來修正這篇文章。】

Cbox 還真的蠻簡單、蠻好用、蠻快速的！

所以啦，遇見新玩意【偷拐搶騙煙酒毒網成癮不包括在內！】

要有凡事試試看的勇氣和信心！

>.^


小婆一直對 Blogger 的「訪客留言」功能過於陽春很傷腦筋，又沒有「留言板」功能更是頭大。也就是說，文友們來訪和所張貼的任何文章沒啥關聯，純粹只是來打聲招呼、交換心情或者抱一抱（小行家族的特色），就會顯得小婆家怎麼有點兒招待不周……

小婆常會去幾位格主家拜訪串門子，交換彼此的想法增廣見聞，也加溫感情成為「以文會友」的朋友。

近日看到這個藍色小框一一相繼出現，說句實在話，小婆本來有點兒排斥，因為小婆的右側欄已經是愈來愈「落落長」一大串，當然啦，小婆網頁的附加功能比「經驗豐富老道超炫版」不足，比「部落圈幼稚園生簡易版」有餘，這個小藍框到底有沒有這個附加價值？

小婆的答案是：有！

【進入 Cbox 首頁】
☆ 操作簡單．安裝方便（Simplicity）
☆ 防禦措施．安全防護（Security）
☆ 色彩風格．量身定做（Customizability）
☆ 實況即現．新舊皆宜（Scalability）

【點選 Products → 點選 Cbox Basic: Sign up now】
● 操作簡單．安裝方便（Simplicity）

每次 Cbox 頁面最多可顯示廿則留言（messages），每則留言最長二百字元（等同於一百字中文）。

免費的（free）基本款（Cbox Basic）最多儲存一百則留言，超過一百則以上系統自動刪除；進階版（Cbox Premium）則可儲存六百則留言，還有其它額外附加功能，但每個月得付美金二元或每半年付美金十一元（省 US$1）或每年付美金廿元（省 US$4）或一次付二年共美金卅五元（也就是享受美金十三元的特惠折扣）。

【點選 Look & Feel → Style Gallery】
從十二個樣版中挑選一個你喜歡的色系。

【點選 Look & Feel → Layout options】
小藍框的版面選項（Cbox Layout Options），小婆修改點選了：

01. 寬度（Width）設為 200
02. 高度（Height）設為 500
　　訪客基本資訊欄位高度（Form Height）就會自動更新。
03. 訊息行數（Message Lines）設為 8
04. 訪客基本資訊欄（Form）位於下端
　　所以 □ Form above posts 不要點選。
05. 二選一版面（Alternative layout）點選 ■ 使訊息張貼
　　（Post）位於下方，才不會和留言訊息（Message）搶版面。
06. 留言則數（Messages）當然選 20 才能物盡其用、一目瞭然。
07. 排列順序（In order）最新留言位於對話框最頂端（Newest at
　　top）。

最重要的是，最後別忘了按「Save」（儲存）。剛才小婆在測試啥咪是「Alternative Layout」時忘了按「Save」，一時兩刻間還真不知它到底有啥不同款樣貌。

【點選 Options → Posting Options】
留言字數（Message length）當然選 200 才能暢所欲言、心滿意足。

【點選 Options → Date Options】
記得去調整時差，台灣為「+8.00」；美東則為「-5.00」（日光節約時間）

【點選 Publish!】
接下來到刊登發表（Publish!），將修改後的程式碼（Code）拷貝／貼上格主模版內（Blogger's Template）的適當位置，那就大功告成、盡情享用吧！


第一欄：name 輸入訪客姓名或暱稱
第二欄：e-mail / url 輸入訪客網頁或電子郵件位址【可不填】
第三欄：message 輸入訪客留言訊息內容


一張圖畫足以代表千言萬語，一個表情符號代表內心無法言喻的起伏波動……

遇到想要加上表情符號（喜怒哀樂怨嗔癡）的地方，就按小藍框下端的 smiles 挑選適當的表情臉孔，再按 shift 和該臉孔表情，這樣一來選項方框就不會立即消失，可以少點些按鍵，盡情表達。

【點選 Messges → Messages】
● 防禦措施．安全防護（Security）

虛擬網路世界和現實生活中一樣－－「一粒米養百樣人」。

真誠熱情、幽默風趣的文友不少，但專搞破壞、唯恐天下不亂的詏客（小白）也是很多，咱們害人之心不可有，防人之心也不可無。

Cbox 都替咱們設想周全了，免得惡劣之徒驅逐友善的人，將網頁常客通通嚇跑、趕光光。希望這個功能小婆「備而不用」。

當格主看到有礙觀瞻、波道頻率不對盤或違反善良風俗的留言訊息，就進 Cbox 帳戶的 Messages 去清理刪除（delete），順便就將這搞怪傢伙設定為拒絕往來戶，禁止（ban）其再來留言鬧場。

【點選 Options → Smiles】
● 色彩風格．量身定做（Customizability）

Cbox 簡潔設計的對話框共有十二種色彩組合供使用者挑選，以配合部落格的網頁風格與冷暖色調。

【點選 Options → Style Gallery】
龜毛小婆還測試出修改表情臉孔的顏色，進 Cbox 帳戶的 Options 選 Smiles，修改 URL 上的數字：1 = 藍／2 = 橘／3 = 黃。

【點選 Look & Feel → Edit CSS】
● 實況即現．新舊皆宜（Scalability）

藉由 Cbox 系統處理成千上百則留言（tens of thousands of messages a day），卻不佔格主們伺服器（servers）空間，且不論是哪種新舊版的電腦瀏覽器（browsers）均可適用。

它還讓格主自由地編輯 CSS 碼，如果你手癢的話。

心動了嗎？

小婆恨不得早一點認識它－－Cbox.

>.^

【部落格圈】遺珠之憾

閱讀全文》

Blogger.com 一開始並沒有 Recent Comments 功能
博客們得自食其力地尋找替代方案或操刀自寫 HTML code

小婆去年十一月初
經由邱小啾介紹試用了五個月的 BloggerHacks

但它有兩個缺點：
必須將主頁設為 999 否則會有遺珠之憾
但若圖檔豐富的話網頁跑起來會慢慢吞吞

它只顯示最新十則留言
若賓客盈門且滔滔不絕
格主們則並非有意怠慢

所以熱情支持的喜薇雅
小婆終於發現妳二個月前的留言了

>.^

烏龍留學論壇的「訊息交流」欄內提供兩個版本：

Blogger（Beta）Recent Comments

這位堯格主很專業地設計了一個產生器
讓留言顯示跳升為廿五個（夠用了吧）

可惜的是小婆並不喜歡 Beta 版的版面
所以哩也就不能乾坤挪移為之物盡其用

Color Yen 夫婦也介紹了另一個版本

Hackosphere Customizable Recent Comments

它也是顯示十則最新留言
且能顯示一百字留言內容

小婆也試圖拷貝貼上
但版面變得亂七八糟

小婆只好追本溯源
搜尋 Blogger Help > Advanced Use > Blogger Hacks

Recent Comments in the Sidebar

大夥兒也看到囉
就在右欄位下方

究竟顯示了多少則留言
小婆數過一百就放棄了
但肯定的是並非所有的
例如2006年《博客賦》

借助 Excel 共計 223 則留言
最早的日期則是 43 天前
共有 29 篇文章（主頁）

小婆發現－－

它實在是「很混蛋的簡版」
居然不依照留言的時間排序
且也只顯示主頁的留言而已

那小婆怎麼知道有誰在之前的文章留了言
所以只好暫用 Color Yen 夫婦介紹的版本
並且已發了封電子郵件給 The Blogger Support Team
看他們怎麼回覆

就此打住～

小婆得去招呼人客回覆留言啦

>.^

【部落格圈】鍥而不捨

閱讀全文》

首先在此要鄭重感謝兩位好心人
並不是頒發網路的「好人卡」啦

★ 邱小啾「吉光片羽．浪波濤」★

★ Ebenezer Orthodoxy「BloggerHacks」★

他們解決了困擾小婆長達三個月之久的 Recent Comments 問題



自從今年八月三日部落格開張以來
小婆婆就陸陸續續地瀏覽眾家優格

截長補短

• Quotes 學習自 Keats「盧森堡公園」


• Time 學習自 Chloe「2ccoasis」


• Weather 靈感來自 Miao「阿拉不是一定要」


• Vistor Counter 學習自 Debby「黃小黛 Is Life」
  
  目前使用 Site Meter
  原 Neo Counter 也是學習自 Keats
  但試用期過後得收費
  小婆於是乎割愛放棄



• Blog Look 得知於 Mr. 6《部落客的新價值論》

鍥而不捨

邱小啾很好心也很有耐心條理分明地
一一回覆小婆試驗過後的錯誤與疑問

亂碼

在 Title 前 Header 後就在 Template 前頭
加上這些指令（記得前後要加上 < 和 > 以符合 Html 語法）

meta http-equiv="Content-Type"
content="text/html; charset=<$BlogEncoding$>"

順帶也可解決 Haloscan 亂碼的問題
它的亂碼還會腦筋秀斗地留一大片空白

妥協

小婆原本在每個網頁只顯示一篇文章
限制於 Recent Comments 的程式
只好 Setting → Fomatting 改設為廿篇

最多可設為 999 篇
但如果圖片檔多的話
網頁開啟會跑得很慢

堅持

當然 Blogger Beta 版的新 Layout 有文章分類功能
但整個版面實在不討小婆婆喜歡
像是－－
頁頭天藍色的框架被截斷部份下端
Previous Posts 歸類版型很醜
小啾也介紹 Feed Burner 來解決
帳戶註冊跑得慢了些還沒正式啟用
所以暫且又恢復為 Template 版

Previous Posts
和舊版非常的不同
只能顯示最近十篇
已發文請教 Blogger 程式工程師

瀏覽之前文章後無法點選頁頭回首頁
小婆只好再度請益小啾望能鼎力相助

問題 → 答案追追追…………

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

深深地一鞠躬－－

真的很感謝你！

邱小啾

>.^