原本放在每一頁的文章開頭，但是發覺這裡面偏於抱怨文居多，當工作越多、事情越多、抱怨就越多，到時這內容也會越來越多，實在是佔據篇幅太大。因此整理在這。
挨踢法則 第一條：請常唸「樹大必有枯枝，人多必有白癡。」
挨踢法則 第二條：多聽聽，多看看，少頂嘴，多作事。
挨踢的 怪現象一：怪東怪西，先怪 IT。
挨踢的 怪現象二：早罵晚罵，MIS最好罵。
挨踢的 用人原則：待遇不高，但要刻苦耐操。
挨踢的 傭人原則：作的再好，抱怨不會變少。
挨踢的 話術原則：盡量少說話，開口氣持平。
挨踢的 申辯原則：句句要在理，聲聲含委屈。
挨踢的 抓蟲原則：最簡單化，二套置換。(Debug=除錯=抓蟲)
---------- 2008-11-28 整理
近來因為經濟不景氣，公司原本預計推行的BI Solution 可能延期，甚至可能會被刪減預算。
之前曾嘗試 Servy 過的幾種方案：有台灣睿智資訊的 Analyzer、鼎新 Workflow ERP 配套的 BO、以及早期我熟析的 Cognos BI。都是要花錢的。
現在只好先想想辦法尋找一些 Open Source 的 BI Solution，剛好看到有中文安裝內容的 Pentaho 安裝步驟，在還沒開始了解測試之前，先MEMO下來。以下是原圖文的內容：
原圖文來自: Pentaho 安裝佈署(win32/vista)
2008年7月30日 星期三 張貼者： 余馨蓉 位於 下午 5:50
Pentaho 是開源碼中最完整的商業智慧專案，以下為架構 Pentaho 所需要的環境(win32/vista)及安裝步驟：
1. Java SDK ( Pentaho 需要完整的 SDK，不能只安裝 JRE )(建議安裝 jdk-6u3-windows-i586-p-iftw.exe 或更新的版本)
2. mysql-connector-java
3. Apache Ant
4. Eclipse
5. Subclipse
6. JBoss IDE for Eclipse
安裝步驟：
一、安裝 JAVA J2EE SDK：安裝完成後，為了與mysql連結，接著安裝 mysql-connector-java
(下載解壓後取出 mysql-connector-java-5.1.5-bin.jar 或更新的版本複製到 C:\Program Files\Java\jdk1.6.0_03\jre\lib\ext 底下)
二、為了能完整的使用web平台(含資料庫)，建議安裝 XAMPP：安裝完成後，至 http://localhost/phpmyadmin/
進入「權限」設定 root 的密碼，並修改 c:\xampp\phpMyAdmin\config.inc.php 內的
$cfg['Servers'][$i]['password'] = '加入你新設的密碼'; // MySQL password (only needed
三、安裝 Tomcat (XAMPP Add-Ons)：執行 xampp-win32-tomcat-addon-6.0.13-2.2.4-installer 並指定安裝至 c:\xampp 路徑底下，完成後，點按 c:\xampp\tomcat_start.bat ，並至瀏覽器 http://localhost:8080/ 檢視 Tomcat 是否啟動。
四、安裝 Apache Ant：下載並解壓至 c:\xampp\apache-ant\
五、安裝 Pentaho Design Studio (內含Eclipse)：
六、安裝 Subclipse (Eclipse Plugin)：
七、安裝 JBoss IDE for Eclipse ：
八、設定 Windows Vista 系統環境變數：
- 進入 Vista 控制台->系統->進階系統設定->系統內容->進階(書籤)->環境變數
- 新增2個環境變數：
- JAVA_HOME ： 變數值 C:\Program Files\Java\jdk1.6.0_03
- ANT_HOME：變數值 c:\xampp\apache-ant
- 設定系統變數 path: 在其原有的變數值尾端接續加入 ;%JAVA_HOME%\bin;%ANT_HOME%\bin
最近再忙公司的事情，已經很少有時間寫相關紀錄了，每次一登入自己的版面，又總覺得這邊要改那邊要改，常常花費時間在修改版面上，每次當調整版面後想看結果，卻又發覺之間有些不錯用的小工具，經常會停留在讀取的動作，總要等他跑完，才能看到完整的結果。
我想這些小工具都是不錯用的，很多網站也都有在使用，而且有的網站讀取速度還相當不錯，所以應該是我還不熟析 Blogger Hacks 的關係吧，東加加、西測測，結果造成自己網站讀取越來越慢。
由於，短時間內，也沒精力花費在這方面的細部調整上，因此先暫時把一些小工具移除，調整及移除內容如下：
其實，有時候 Blogger 本身也讀取很慢，但是除非放棄不用，不然也只能忍受，不過還好不是經常如此。
-----修正于 2008-12-04
原本以為這個問題已經很老梗了，大部分稍微懂點電腦的 User 應該都會知道，畢竟 Office 2007 已經出來一段時間了，但是沒想到還是有 User 反應：有同仁使用 Office 2007，不會另存成 Office 2003 相容格式，造成其他 User 檔案開不了，MIS 得要負起教育訓練的責任。（唉！IT人果然是挨踢人）
以下列出在公司發佈的內容：（已經修改相關措辭，並移除公司內部捷徑）
因為林林總總的原因，公司還是以使用 Office 2003為主，然而，已經有部分同仁使用 Office 2007 一段時間了，很多人使用 Office 2007 的同仁，常常會忘記要把檔案格式儲存成 97-2003 相容格式，就直接帶著到處跑；或是 E-Mail 順手就轉寄出去，造成公司內，常常有文件格式不相容、不能開啟的問題；又或者是收到或是寄給客戶、廠商的文件因此而打不開，以下簡單說明解決方式：
一、使用 Office 2003 的同仁：
請到微軟下載 Microsoft Office Word、Excel 及 PowerPoint 2007 檔案格式相容性套件，或是到公司的 Fileserver 上，執行安裝 FileFormatConverters.exe。
如果在安裝上有問題的同仁，請隨時找 MIS 支援處理。
另外，請別嘗試在 Office 2003 或是更舊的版本，編輯並儲存成 Office 2007 文件，雖然在台灣微軟官網上有提供相關解答（如何在舊版 Office 程式中開啟和儲存 Word 2007、Excel 2007 及 PowerPoint 2007 檔案），但是相容性的問題仍然存在，不時會出現各種莫名狀況。
二、使用 Office 2007 的同仁：
請在儲存檔案時，注意儲存的文件格式，請盡量選擇 Office 2003 相容格式，讓還在使用 Office 2003 版本的同仁，可以直接打開，甚至是編輯。
操作如下：（以 Word 2007 為例，下列二張圖片來自http://blog.xuite.net/takotako/tako/12414011）
- 看到左上角那個圓圓的圖案沒有，用力按下去吧！記得按一下就好！
圖一
- 再來左側邊點選［另存新檔］，右側邊點選［Word 97-2003 文件］
圖二
另外，簡單列出 Office 2007 的文件格式說明，如果有看到文件的副檔名是如下列出的，那就代表該文件是 Office 2007 的文件格式。
- Word 文件 (*.docx)
- Word 啟用巨集的文件 (*.docm)
- Excel 活頁簿 (*.xlsx)
- Excel 啟用巨集的活頁簿 (*.xlsm)
- Excel 二進位活頁簿 (*.xlsb)
- Excel 範本 (*.xltx)
- Excel 啟用巨集的範本 (*.xltm)
- Excel 增益集 (*.xlam)
- PowerPoint 簡報 (*.pptx)
- PowerPoint 啟用巨集的簡報 (*.pptm)
- PowerPoint 範本 (*.potx)
- PowerPoint 啟用巨集的範本 (*.potm)
- PowerPoint 播放檔 (*.ppsx)
- PowerPoint 啟用巨集的播放檔 (*.ppsm)
如果只是看看而已，那麼只要有安裝過上述一所說的相容性套件，就能正常打開。
如果還需要編輯，那還得請該文件的存檔人員，參考上述二的說明，記得要把文件儲存成 97-2003 相容格式。
當安裝好 Office 2003 之後，每次打開 Word 檔案，總會先出現［閱讀版面配置］的畫面，這在閱讀上並不怎麼適用於公司常用的檔案格式，尤其是有格線框框的表格部份，我個人就非常不喜歡這種顯示模式。
雖然每次開啟之後，都可以關閉它而回復到一般模式（如下圖紅色框框位置，選關閉），但是，如果每次開啟檔案都要關閉一次也太麻煩了。
有沒有一勞永逸的方式，當然是有的，而且還很簡單。
ＰＳ.其實這個問題的解決方式，很早就知道，相信很多稍微懂電腦的朋友，也知道如何解決，不過還是紀錄一下，免的太久沒用而忘記了。
方法如下：
文章來源：單圖像實現圓角，自動符合高度--wowbox blog (網頁設計知識庫)
該網站上可以直接執行查看效果
先MEMO下來，後續再測試應用方式。
CSS 區塊：
<style type="text/css">
/*<![CDATA[*/
.wrap_content{float:left;background:url(attachments/month_0811/q2008118151351.jpg) right top no-repeat}
.content_left{float:left;background:url(attachments/month_0811/q2008118151351.jpg) left top no-repeat;width:10px;height:10px;overflow:hidden;}
.content_bottom{clear:both;float:left;background:url(attachments/month_0811/q2008118151351.jpg) left bottom no-repeat;padding-left:10px;}
.web_content{clear:both;float:left;background:url(attachments/month_0811/q2008118151351.jpg) right bottom no-repeat;padding:0 10px 10px 0;}
/*]]>*/
</style>
DIV 應用區塊：
<div class="wrap_content">
<div class="content_left"></div>
<div class="content_bottom">
<div class="web_content">
這是一個圓角矩形<br />
圓角會隨著這裡面的內容擴張而擴張
</div>
</div>
</div> 原始圖檔: (來自原網站)
先把搜尋到的相關文章連結MEMO下來，方便爾後測試。
測試版本：Thunderbird 2.0.0.17(繁體中文)
最新版本：Thunderbird 3.0 Alpha B1
官方網頁：http://www.moztw.org/thunderbird/
相關介紹或教學文章：
套件安裝方式：
Thunderbird 套件測試紀錄：
討論區文章筆記：
最近想測試 Thunderbird 及 MS Exchange 之間的問題，無意中看到一篇文章，看了之後真的是...(無言)。
原文連結：exchange server 2003 IMAP 跟 TB的怪問題
收錄原文和標記如下：
不知道各位有沒有用TB去收 exchange 2003 IMAP server(chinese version的信件？
A 因為之前 mail server是 exchange server是舊版，所以一直都沒有問題，最近無聊的MIS將它更新為 exchange 2003後，發現使用imap的方式去收信怎麼一直都沒有「新」信件，本來是以為MIS升級有問題，正要發飆時，看隔壁的同事都可以正常使用；後來想想可能是自已的問題，可能是忘了 "Subscribe"的問題，...Subscribe後，重新refresh ,"subscribe"的mark竟然不見了！！重覆了幾次都是一樣的狀況。
B 又想可能是 exchange server 2003(一切都是MS的問題)，所以用同一個帳號(不砍帳號，只是換imap server ip)連到另一個有提供 imap service的 unix server，果不其然一切都很正常，可以download folder list and subscribe (心中又有一個聲音：真的是MS搞的鬼)。
C 最後...手癢再把 imap server ip改成 exchange server 2003…神奇的事發生了，check 了一次 subscribe list...INBOX and Trash folder已經被 mark 為 subscribed,又subscribe其它的folder再refresh 也都正常...喔 Jack 這實在太神奇了
如果有人的環境跟我一樣，可以試試 ====希望我的狀況只是一個特例....btw 如果我xy TB建一個新的 Account又會 A 有情形發生，而我只要重覆 B and C ，TB又可正常連至 Exchange 2003 @_@"""
我想大多數公司的MIS 都是弱勢族群阿，更新軟體通常是為了安全或是提供更好的服務，結果變成了（無聊的MIS）。>.<
User 自己操作不順，甚至自己搞砸了，怪誰？當然怪MIS囉？
各式各樣的理由，就是怪MIS，最後倒楣的還是MIS，總要幫User解決問題吧！反正也都被唸習慣了。
當公司臨時有缺人搬東西需要壯丁、公差時，MIS也是第一個考慮的對象，為什麼？
嗯，越說會越生氣，心情會更不好，不說了。
自從開始使用 iGoogle 之後，逐漸接觸到 Blogger、Google 文件、協作平台、...等等好用的功能，尤其是 Gmail 更可以幫自己的郵件利用標籤加以分類，但是平時公司常用的Microsoft Outlook 卻沒有 Tag 的分類功能，尤其當信件越來越多時，如果沒有事先用特定且容易查詢的資料夾來歸類，常常為了找一封信，浪費不少時間還不一定能找到。
但是，難道一封 Mail 都只能有一種分類方式嗎？實際上當然不會是，這是受限於使用軟體的緣故。(而且還不得不用)
當看到電腦玩物：Outlook兩款強化套件：桌面版進化與標籤分類改造對於 Taglocity 的介紹時，心中真是期待萬分，可惜似乎沒有中文化版本。
備註：
意思就是：最少７個字元，之中還要包含！＠＄％＆至少其中一個字元。
別像我一樣，失敗５次之後，才注意到這段說明。(>o<)
安裝完之後，成功 Sign In 時，已經得下班了，先草草紀錄一下，再找時間好好試用。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
2008-11-17測試狀況如下：
上述的操作其實還算簡單，也很方便，其他的功能等有空在做測試和補上圖文。
底下列出個人覺得有問題的地方：
1.部分功能無法直接輸入中文：
2.中文類別亂碼問題：
3.搜尋問題：
點選 Toolbar 上的
出現下圖的搜尋畫面：
任意點一個左邊的標籤(Tag)，馬上跳出下列視窗：
但是，即使安裝了最新的 Microsoft Search 4.0 繁體中文版，我怎麼測試都還是查不到任何資料。可能是我對 Microsoft Search 原本印象就差，加上我人太笨的關係吧。
其實測試到這裡，心都冷掉了，至於其他尚未測試的部份，想了想還是算了吧！
後記：
我的 Menubar 是一個 [HTML/Javascript] widget，雖然有使用CSS定義，但是臨時想在 Menubar 上，在文字的左側增加一個小 icon，結果圖形和文字老是無法垂直居中。
後來找了了這篇 [藍森林-自由軟件] - 用css怎麼描述圖片align=absmiddle這一屬性？，才總算搞定。
其實我只是在 <img src="" > 中加入 align="absmiddle" 這一串字，其他的詳細說明可以查看 [藍森林-自由軟件] 上的該篇討論文章，因為我目前僅用在 Menubar 的圖形＋文字，的顯示所以沒有定義在 CSS 上。
在 Firefox 顯示上算是搞定，但是卻發現在IE6的顯示上，透明圖形變成不透明了...
在 Firefox 上的功能表：(如設定功能表靠左，透明背景的CSS 圖片也正常顯示)
在ＩＥ６上的功能表：(功能表居然跑到右半邊的中間位置，CSS圖片沒有透明效果)
後來找到了使用Js來讓IE支援png圖片透明效果 這篇文章，按照它的作法，發覺無效。幾經測試才發覺它上面的程式碼有誤，多了一個字 "defer"，刪除之後儲存就OK了。
其實 [CSS] 讓 IE6 下的 PNG 圖片透明 也是一種方式，還是採用 Microsoft 建議的方式。詳細的說明可參閱微軟技術支援服務的【PNG 檔案在 Internet Explorer 中不會顯示透明度】文件說明。
先把相關操作紀錄下來：
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
function fixPNG(myImage)
{
if ((version >= 5.5) && (version < 7) && (document.body.filters))
{
var imgID = (myImage.id) ? "id='"+myImage.id+"'":""
var imgClass = (myImage.className) ? "class='" +myImage.className +"'":""
var imgTitle = (myImage.title) ?
"title='" +myImage.title +"'":"title='" +myImage.alt+"'"
var imgStyle = "display:inline-block;" +myImage.style.cssText
var strNewHTML = "<span "+imgID+imgClass+imgTitle
+" style=\"" "width:"+myImage.width
+"px; height:"+myImage.height
+"px;"+imgStyle+";"
+"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+"(src=\'"+myImage.src+"\', sizingMethod='scale');\"></span>"
myImage.outerHTML = strNewHTML
}
}
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->有空在來研究 CSS 在 IE6 的功能表位置會跑掉的問題。
之前在尋找 Blogger Hacks 時，看到 幽谷部落: Blogger編輯增強（greasemonkey）和Greasemonkey scripts for Blogger 、marrowalk的雜記本: blogger小技巧:放大文章編輯畫面 這三篇文章，而開始接觸和安裝 Greasemonkey。
我本身是 Firefox 的愛用者，加上又使用 Blogger 紀錄日誌，因此蠻懷興趣地的開始安裝及測試。雖然我現在大多使用 Windows Live Writer 來編輯文章，但是偶爾也會直接使用 Blogger 本身提供的編輯功能。
Greasemonkey 的安裝：可直接從這Download Greasemonkey安裝，或是到其官方網站。目前最新版本為 Greasemonkey Version 0.8 (June 12, 2008) 且完全相容於Firefox 3.0
個人已測試的 Script 順序如下：
奇怪的是，上述１、２項的三種 Script 在安裝過後，完全沒有任何效果。後來在今天測試第３項之後，終於看到Blogger 的文章編輯區放到最大了，如下圖：
後來想了一下，可能我的 Blogger 有加入 Draft，才會如此吧！先在此 Memo 一下，後續再陸續測試其他功能。
參考資訊：
昨天(2008-11-11)無意中看到 ThreatFire 這款軟體的介紹，很為它心動。
[防護] 免費ThreatFire智慧型監控惡意程序(HIPS)！ (2008-4-29)
以下節錄該網站上對於ThreatFire讓我心動的介紹：
這款由 PC Tools 所屬的免費防護軟體 ThreatFire，定位為 HIPS 的類別，這款軟體有著智慧型的判斷、分析能力，再加上免費(重點！)、可線上更新的多項優點，所以俺從之前就一直在注意 ThreatFire 了，直到最近做了重要版本更新 v3.5.0.21 (04/28/2008)，改善了一個十分困擾俺的"大問題"，就是對於 UltraVNC 的修復...
當下立即到他的官網 ThreatFire 下載了最新免費版本安裝試用。我安裝的是 4.0.0.8 版本。Windows XP Pro 作業系統、CPU 2.8G、RAM 2G。
第一天:
第二天:
後記：
我的結論就是：
今天忙了幾個小時，總算搞定，讓每篇文章都有日曆顯示發文日期。
以下紀錄操作步驟：
Step 1.
首先先到Change Post Date Become Calender Icon 將日曆的圖案用滑鼠右鍵存檔，在找個網路空間存放。當然，也可以直接使用該網站的圖案連結，或是其他自己喜歡的圖案。
Step 2.
修改自己 Blogger 的時間格式為 月.日.年(mm.dd.yyyy)。此格式和其他參考的二篇文章不同。如下圖：（『設定』－>『格式』）
- 此步驟如果不同，在顯示日期的地方會出現錯誤。
- 也可自行修改程式碼的日期格式，來配合你的部落格日期格式，後面的程式碼中會指出修改地方。
Step 3.
再到『版面配置』－『修改HTML』－『展開小裝置複本』打勾。
Step 4.
找到 </head>，在其前面，放置下列程式碼：
<!-- 讓Blogger日期以日曆圖顯示 -->
<SCRIPT type='text/javascript'>
var PostDate;
/* 上面變數必須放在函數外面，才能將數值留到下一次被使用 */
function date_replace(date) {
if (date) { PostDate= date; }
var da = PostDate.split('.');
/* 上面的 '.' 就是在 Blogger 設定的日期格式的分隔符號，可自行調整 */
var mon = da[0], day = da[1], year = da[2];
/* mm.dd.yy 上面 [] 內的順序，就是日期格式的順序，可自行調整，從0開始 */
document.write("<div class='month'>" year "-" mon "</div><div class='day'>" day "</div>");
}
</SCRIPT>
Step 5.
找到類似下面這段語法：
h2.date-header { margin:1.5em 0 .5em; }在其後面，放置下列程式碼：
.dateblock {
background: url("圖片網址") no-repeat;
width: 50px;
margin: 0;
font-weight: bold;
height: 50px;
float: left;
text-align: center;
}
.month {
font-size: 9px;
width: 37px;
margin: 0 2px;
color: #fff;
text-align: center;
font-family: "Arial Narrow";
}
.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;
}
Step 6.
最後的步驟找到這段語法
<b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if>用以下語法取代：
<!--讓每篇文章都顯示日期-->
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<div class='dateblock'><script>date_replace ("<data:post.dateHeader/>");</script></div> </h2>
<b:else/>
<h2 class='date-header'>
<div class='dateblock'><script>date_replace ("");</script></div>
</h2>
</b:if>
儲存之後，打完收功了。
參考文章：
其他參考：（主要參考 年-月的CSS+Javascript 顯示部分，）
參考文章：
原本參照 Abin 的文章操作，但總在存檔時出現錯誤。
後來在參照 TacoJohn 的說明後，互相比對，才總算成功。
但是還有些小問題需要處理，如下圖：
先節錄 Abin 在該篇文章的部分討論回文，再找時間調整：
Abin :
To Violet: 你的問題有兩個部分，第一個部分是和文章黏在一起，請搜尋程式碼裡的這一段：document.write('Related Posts: <ul>'); 它是產生「相關文章」區段的第一行，我的範例裡面沒加任何 CSS 修飾，目的是希望要用的人自己依照自己的版面調整，如果直接引用就會黏在你插入區段的後面。最簡單的調整法就是加個換行符號，就會分開了，像是這樣：document.write('<br/>Related Posts: <ul>'); 第二個部分其實和第一個問題有關係，如果你沒有根據自己的版面調整，而是直接貼用整段程式碼，則「相關文章」這個區段的樣式會使用你自己文章版面的樣式。所以如果你只要調整「相關文章」的字型大小，你應該針對該區段自行定義一個 CSS 樣式標籤，然後用在該區段的前後。你可以參考我 Blog 的原始碼，我有定義一個 <span class="post-related">，作用就是用來自訂「相關文章」區段的樣式，可以解決黏在一起的問題，也可以自訂該區段的字型大小。（因為這是我個人的樣版，不一定和大家的網頁樣版相容，所以沒有放在範例裡面）
------------------以下于 2008.11.09 下午 5:1８ 修正 ---------------------
最後還是採取了 水瓶尤加利 的 相關文章點播台 -- RPS 1.0 beta。簡單方便不用傷腦筋。
簡單說明步驟如下：
<!-- 先載入 jQuery -->
<script src='http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js' type='text/javascript'/>
<!-- 再呼叫 相關文章點播台 RPS 1.0 beta 測試 -->
<script src='http://eucaly61-java.googlecode.com/svn/trunk/rps-10-mini.js' type='text/javascript'/> 
HoTbox 參考文章：
FeedBurner & Blogger 參考文章：
看到這個小工具，覺得很有興趣，就開始動手安裝看看。
上述文章以 電腦玩物 的文章最為淺顯易懂，按照其文章所說的步驟一步一步操作即可。
其實一開始是因為看到了不少關於「Spotplex」的站內熱門文章排行榜工具，可惜目前這個網站已經掛掉了。
另外，aide RSS 顯示出的熱門文章似乎是以「回文數量」來決定文章的熱門程度(訊息來自4月17聯絡簿:菜鳥ID保護區－參考文章第4項)，所以直接不考慮。
相關聯結：
測試了二小時多之後，還是把它移除了 =.=，因為每次 Load 網頁要等好久才跑的完，雖然其他部分都跑完了...。 移除之後果然快多了。
---------以下 2008-12-04 新增
隨著HoTboX作者的努力測試及更新，目前的反應速度及文章計次都很正常，文章一打開，計次數量馬上會增加，作者也增加了一［熱門文章］的抬頭，我也就順便把該 {HTML/Javascript} 的抬頭刪除了，高度縮減不少，整個感覺還不錯。
但是看到抬頭的底色變成黑色，如下圖：
感覺色調不是很喜歡，於是再到HoTboX上面看看是否有可以改變顏色的討論，結果才發現：原來早有提供可以調整的線上設定，還能預覽效果，如下圖：
參考文章：CSS圓角表格問題
在 Blogger 上新增一個小工具 {HTML/Javascript} 來放置一些文字，之前使用 TABLE 語法來排版，發覺如果文字內容如有所變動的話還真是麻煩的，剛好看到上面的文章，測試了一下，還真不錯用。
<style type="text/CSS">
div#mid{margin:0px 20px;text-align:center;background:#aba;font-size:14px;}
div.rtop {display:block;background:#fff}
div.rtop div{display:block;height:1px;overflow:hidden;background:#aba}
div.r1{margin:0px 3px}
div.r2{margin:0px 2px}
div.r3{margin:0px 1px}
div.rtop div.r4 {margin:0 1px;height:1px}
</style>
<div id="mid">
<div class="rtop">
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
</div>
<center>div + CSS 圓角矩形</center>
<center>div + CSS 圓角矩形</center>
<center>div + CSS 圓角矩形</center>
<center>div + CSS 圓角矩形</center>
<div class="rtop">
<div class="r4"></div>
<div class="r3"></div>
<div class="r2"></div>
<div class="r1"></div>
</div>
</div>
我把其原始碼中的 p {padding:5px 10px;margin:2px;text-align:center;} 語法刪除了，改成 <center>...</center> ，以免影響到其他文章。
-------------------------以下 2008-12-05 新增-------------------------------
將 text-align:center; 加到 div#mid{...} 中，取代必須在文字前後加上 <center>...</center> 的麻煩，加完之後的片段代碼如下:
div#mid{margin:0px 20px;text-align:center;background:#aba;font-size:14px;}
-------------------------以上 2008-12-05 新增-------------------------------
綠色字串部份就是要顯示的內容。
-------------------------以下 2008-11-09 新增-------------------------------
其他參考資料：(以CSS+Javascript為主)
另外，從這裡 (怎麼樣用CSS製作可自動延展的圓角矩形？ )的討論看到有段原理的表示方式不錯，節錄如下：
原理其實不難，就是用 padding去讓區塊"縮"起來...用堆積木的方式堆出來的。
(不過當時我看到的是用 div 而不是 b 堆出來的)圖示： (因為網頁會忽略空白，排版不易... 只作"一邊"的圖示)
div 1 (padding-right:3px) █████████
div 2 (padding-right:2px) ██████████
div 3 (padding-right:1px) ███████████
div 4 (padding-right:0px) ████████████
div 4 (padding-right:0px) ████████████
( 兩個 div 4 是同一個 div, height:2px , 其它的 height:1px)這樣圖形就被"畫"出來了。雖然沒用過表格的方式，不過原理應該是差不多的吧！
還有許多文章因為原理大多相似，就不多列出了。
其他參考資料：(使用貼圖的方式)
網路上還有很多各類的 圓角框產生器，不在本文討論範圍，在此不列入。
-------------------------以下 2008-11-25 新增-------------------------------
原本製作出來的圓角，總感覺不夠圓，後來修改了幾個數值，總算比較像樣一點，其實也只是修改CSS內容而已，修改的內容如下：
div.r1{margin:0px 5px}
div.r2{margin:0px 3px}
div.r3{margin:0px 2px}
div.rtop div.r4 {margin:0 1px;height:2px}
安裝位置: Web Developer
語言檔: Web Developer Localization
我是在逛到 同 CSS 玩遊戲！ 這個網頁，看到相關的介紹，才去 Firefox 中文版討論區尋寶。沒想到即使在 Firefox 的擴充套件討論區要找到它，也有些難度，幾乎都是舊的文章，既然現在有在寫BLOG，就先安裝起來測試看看囉！
-------------------------以下 2008-11-09 新增-------------------------------
其他參考文章：Firefox的套件Web Developer 1.1.6 -- 有簡單的圖文說明，主要說明如何修改自己網頁的CSS。
我比較常用的是拿來 "查看別人的CSS設定"。
參考文章: Highlight Image onMouseover (Opacity)
這篇其實是個很舊的CSS技巧，一般的 HTML+CSS 都能使用，並不限定只能在 Google Blogger 中使用，只是怕很久沒用而忘了，所以又把它翻出來作一下紀錄
一般在 </head> 前面的 CSS 區域，或是單獨的 CSS 檔案 (Blogger 則會在 ]]></b:skin> 前面)，加入下列 CSS語法:
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
在文章中類似 <a herf="..." > <img ...> 的地方，加入 class="highlightit"，例如：
<a href="http://www.cssdrive.com/" class="highlightit"><img border="0" src="test.gif"></a>
<a href="http://www.google.com/" class="highlightit"><img border="0" src="test.jpg"></a> 
如果要製作當滑鼠移動到圖片時，在圖片外邊產生一有顏色的框框，可以參考 Highlight Image onMouseover (border)。
參考文章：給 Blogger 換上美美的圖片吧
其實，我是在放上圖片、欄位格式調整地差不多之後，才看到上述那篇文章。
雖然格式還有點礙眼，但是總算是放上了圖片、文章區域的欄位也加寬了，就先喘口氣吧。
該文章寫的不錯，清楚易懂，有點後悔未何沒有先看到該篇文章才開始修改，所以，寫修改操作日誌的部份，我也順便偷懶一下囉。
圖片來源：Blog Headers For Free Download
直接下載：download (7× jpg + psd, 5.6 Mb)
PS. 原本放置圖片以供參考，現已移除。
圖文來源：Charts And Graphs: Modern Solutions
PS. 原本放上 Sample 圖表，但是考慮讀取速度，已經移除。
其他相關文章：
參考文章：
第一種測試過無效，第二種最簡單，用過之後馬上OK，而且懶人繼續閱讀插件仍能正常使用。
PS. 使用IE 6.0.2900 會出現該錯誤，Firefox 3.03 正常，其他瀏覽器版本並未測試。
文章來源:
測試狀況：
2. 再修改post的部分, 找到以下程式碼.
<div id='main-wrap1'><b:section class='main' id='main' showaddelement='no'>
把紅字部分改成以下.<div id='main-wrap1'><b:section class='main' id='main' showaddelement='yes'>
不錯的 Blogger Hacks 網站：
其他：
參考文章:
測試過上述幾種方式，都不甚喜歡，或者不能成功，暫時放棄。
2008-11-06 總算把月曆的樣式調整的比較順眼一些。
參考文章: Abin's Tech Note - 最新文章模組「終極版」
該功能的使用非常簡單，在 Blogger 上新增一個小工具 [HTML/Javascript]，再直接複製上面所寫的程式碼貼上即可。
原文的紅字部份:
var nPostStartIndex = 6;
var nPostShow = 10;
nPostStartIndex = 從最近第幾篇文章開始，我是改成1
nPostShow = 每一頁顯示幾篇文章，我是改成7