下載Firebug

Firebug是FireFox的擴充外掛，所以如果要使用Firebug，一定要搭配FireFox瀏覽器才有作用唷。
‧Firebug下載位置

使用Firebug

Firebug的功能非常強大，除了可以即時預覽你的網頁之外，還可以觀看網路執行狀況、DOM資訊以及script的偵錯...等等。
但在這裡我只會跟大家介紹Firebug裡的「HTML」以及「CSS」功能。這兩個功能對一般使用者來說已經很足夠了:)，有需要更瞭解其他功能的朋友，可以自行摸索或是上網找相關議題唷。

在新春，我第一次嘗試使用影片做教學，搭配文字解說，跟大家說明怎麼使用Firebug
有興趣的朋友們可以點擊youtube影音觀看(我底下也有內嵌啦!!)

片長大概6分鐘，希望大家不要聽到睡著了(因為配音員講話毫無抑揚頓挫ORZ)，總之就請大家多多包涵，如果真的還有不懂的地方，歡迎留言問我唷!!!

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 語法 | 隱藏mybloglog的文字內容
  2008.05.11
  
  
• 語法 | 用css讓區塊水平垂直置中
  2010.06.01
  
  

如果你有碰到這種狀況，不妨跟著以下步驟來除錯吧!!

1.防火牆問題，你可能對該網站設有防火牆的阻擋
2.將對網站的安全層級調低
3.選擇工具→網路網路選項→進階→多媒體的部份，將「顯示圖片」打勾
4.可嘗試用魔法兔子修復IE

在瀏覽網站的時候，假設你只是一般的瀏覽者，以上四種方法都行不通，也許就是放置圖片的空間已壞死，你可以選擇跟網站管理者說一聲，或者就離開該網站吧XD

如果你是網站管理者，以上方法都無效，你也不知道出了什麼問題的話，那可以嘗試修改圖片的色彩模式!! 這才是我今天要講的重點(笑)

目前我知道的其中原因，IE瀏覽器好像尚未支援CMYK色的輸出，所以如果你的圖片存成CMYK，那IE就無法顯示你的圖片。

Q.那要如何知道圖片是CMYK還是RGB呢？
最簡單的檢測方法就在於CMYK的檔案大小或高出RGB許多，同一張圖片用RGB存檔案在10kb上下，用CMYK可能會高達200kb。透過這個簡單的方式就可以判斷圖片的色彩模式囉。

接著你可以直接修改此圖檔改為RGB模式就ok囉

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

比較困難的地方在於要如何使用電腦打出一些函數，假設我要求以下方程式的解：

可以這麼打：0.0635=2*10^-5*x^2-0.0026x+0.1215

^表示平方的意思，所以x^2=x的平方，10^-5=10的-5次方。數學符號的「乘」請打「*」。

因為是一元二次方程式，所以基本上來說X會有兩個解，假設你的公式沒打錯電腦就會幫你算出答案囉，再選擇最佳解即可:)

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

俗話說得好，要先安內才能壤外，所以要做好 seo，首先要針對網誌的版面，以及你自己的寫作習慣作改善。

1.標題與內容的關聯性：

老實說我覺得這是首要條件，其實不論你是否要作 SEO都應該注意這點，下標題時儘量不要附帶一些哩哩雜雜的文字，假設今天你要寫一篇關於「哪裡吃得到美食薑母鴨」的文章，標題著重點應該在於「食物薑母鴨」、「地點某某縣市(或是店名)」這兩塊主軸，當然適度形容他的美味也可。

標題絕對要避開含糊不清以及沒有重點這兩大忌，如果不懂得如何下標題可以多參考新聞網站的標題寫法，雖然新聞網站偏好「標題殺人法」的應用這點較不值得學習，但是我們可以仔細觀察在標題及內文的編排上他們會將重點放在哪裡？畢竟標題對了讀者的脾胃才會促使他們點擊閱讀。

接著簡述為何我說「標題殺人法」較不值得學習？講到這點要特別說明標題與內容的關聯性。當你下好一個標題時，重點的詞句必須不斷反覆在內容中提及，像是剛舉例的「薑母鴨+好吃的店名」，在內文必須一直重複提到藉此提高相關連。因為關連一高， SEO就會認為你這篇文章有值得收錄的價值，將文章排名往前拉高，此外適時的給重點詞句加上粗體、斜體、文字顏色...等這些裝飾也可以增強 SEO的友好度。

標題殺人法的意思是說給文章標題下得猛一些、勁爆一些，促使讀者點擊閱讀增加流量。我覺得這個出發點是好的，但是很多人用了這個方法後導致內文品質下降，因為他們覺得只要吸引讀者有「點閱」這個動作就達到目的了，文章的品質反而其次。而這個觀念就不太對了，所以大家儘量不要犯這種錯誤唷!!

2.佈景主題的選擇

一張網頁的讀取順序是由上至下、由左至右。所以大家在挑佈景主題時，記得優先選擇「內文在左邊」的佈景主題，因為這樣優先抓到的是你的文章內容而不是側邊欄較無關的東西。

當然我們可以利用 css讓內文在右邊但是也會優先抓內文，有興趣的朋友可以自行研究，這邊我不多作說明。

另外提供大家一個工具： SEO browser，它可以檢視搜尋引擎是怎麼讀取你的網站內容，如此你可以知道自己到底要不要更換佈景主題。

3.設置<h1>,<h2>,<h3>

<h1>,<h2>,<h3>這幾個html標籤對 seo都有很大的加分作用，至於<h4>,<h5>,<h6>相對的就不是那麼重要，所以我在此也不談。

到底這3個標籤要如何設置才能拿到 seo最佳化呢？其實對很多研究 seo的朋友而言，他們都有自己的一套擺放順序，我沒辦法言明哪一套最好、最有效，所以大家必須針對自己的 blog作適當的調整，找出對自己最好的方案。

大體而言，一般常見的設置是<h1>部落格標題，<h2>文章標題，<h3>側邊欄標題，這並非最佳的設置，但是因為方便加上大眾習慣，所以顯得很普及。

另外因為<h1>是用來強調網頁最重要的部份，所以漸漸許多人會改成<h1>文章標題，<h2>部落格標題，<h3>側邊欄標題。但我自己並不推崇這種方法，雖然這個觀念是正確的，但是<h1>~<h3>必須要按照順序排列，假如你使用此方法網頁讀取就變成<h2>→ <h1> → <h3> 的順序，也不利於 seo。

而我自己則是在首頁的部份設定<h1>部落格標題，<h2>網誌標題。單篇文章<h1>網誌標題，<h2>內文大標。供大家做參考。

最後提醒一點，<h1>~<h6>標籤必須要照著順序排下來，而且中間不能有斷層，也就是說你不能設了<h1>、<h3>標籤而省略<h2>，但是你可以省略<h1>保留<h2>以及<h3>

4.Tag的設置

Tag近年來也愈顯重要，有的 blog系統甚至捨棄了分類只用 Tag呢。其實 Tag的設定並不繁雜，首先要確定的是讓自己的 blog只裝一個 Tag插件，不要搞得太花俏複雜。

而 Tag要怎麼下呢？其實跟標題差不多，就是把你文章的重點、大方向放到 Tag裡頭，然後想想常用搜尋的人會怎麼下關鍵字，對了這些搜尋者的脾胃，你被搜尋到的次數也會增加。

即使你不需要 seo，我也建議你看看這篇文章(因為我寫得很辛苦)，因為我認為良好的寫作習慣是必要的。

這篇文章完全是以我的觀點為出發點，所以如果你看完後有任何的疑問，歡迎你留言給我，大家一起討論

• 哪種人不需要SEO?
  2009.03.11
  
  

可是...SEO真的迫切需要嗎？每個部落客一定要懂SEO才能生存嗎？這倒不盡然...

如果你真的不喜歡做SEO，我建議別強迫自己去做，否則做得不開心，累到自己也沒有好的成效。不過重點來了，到底哪種類型的部落客可以不需要做SEO呢？我提供以下幾點做參考，如果你符合這些條件，基本上可以翹腳等搜尋引擎來找你，或是直接無視搜尋引擎：

1.知名的部落客

就台灣的網路生態來看，許多知名的部落客都並非資訊界出生，他們幾乎不懂得SEO，也沒有想過要去做SEO。因為他們走的是大眾路線，所以他們只需要發揮自己的專長就可以吸引到許多網友的關注。

透過強大的流量、高曝光率以及網網相連，不用你麻煩，搜尋引擎會自動找上門。

2.有錢的部落客

俗話說得好：「有錢能使鬼推磨」。SEO基本上是給我們這些沒錢部落客的一帖良藥，我們死巴著這個免費的良藥努力服用，卻沒看到在金字塔頂端藏著一群有錢部落客，他們只要招招手，一帖重金良藥就會自動送入他嘴裡供他服用。

想想，入口(搜尋)網站也是要做生意的，只要你願意付錢購買關鍵字廣告，他們怎麼會把送上門的錢往外推呢？

3.孤僻的部落客

有的部落客很偉大，他們不要名也不要利，因為網路不是他的人生，他不需要透過網路交友、也不需要透過網路滿足自己。他們可能只是需要一個可以寫日記的平台罷了(你知道現在的年輕人都很懶得動手寫字)。所以他們不在乎是否能被搜尋引擎抓到，對他們而言，他們只是想要寫.日.記.。

如果你還是不太懂，我想某一天，當你看到某個部落格上滿滿都是密碼文章，你就會恍然大悟了。

4.草包的部落客

部落格沒有內容，只是一堆轉載文章、一堆連結的話，你死命巴著搜尋引擎他都不見得會理你。雖然說搜尋引擎很現實，但是他也是要挑人的。現在的網友都很識貨，懂得分辨什麼是有內容的部落格，所以你沒內容，就不會有人氣；沒有人氣，自然就不會被搜尋引擎青睞。

講得難聽一點，這類型的部落客完全不需要去做SEO，因為就算你拚命做了也不見得有很棒的成效。

5.倒閉的部落客

其實很難想像部落客會倒閉，但也許有一天就發生了，無論是你忘了續約買主機、BSP掛蛋，或是現實生活中有意外，當你決定不再更新部落格，搜尋引擎就不會再上你家拜訪，再次強調，搜尋引擎是很現實的，沒有新的文章供養他，他才懶得理你呢~

假如你符合上述五種類型的部落客，真的要恭喜你了，你可以省下做SEO的時間去享受人生更美好的時光。

也許你會有疑問：「如果我都不符合這五種類型呢？」那還用問，當然就是摸摸鼻子自認倒楣，一起跟muki我航向SEO的黑暗之路吧！

最後我要跟大家自首，上面這五種類型都是我隨便胡謅的，大家看看就好千萬別當真。假設真的說了這句話不知道大家會不會想砍我:) 。其實這一篇有點類似反諷法，只是要告訴大家SEO的重要性以及不要犯哪些錯誤。

因為我研究SEO也有一段時間了，雖然功力還沒高到可以發教學文章，但是我會陸續跟大家分享我使用上的心得:P

• 要做好 seo，先改善寫作習慣及調整版面
  2009.03.15
  
  

只是有時候某些社群網站過於冷門，你找不到帳號可以輸入，加上這些服務通常都是外國居多，所以他們也不會增加台灣的社群網站；又或者他給你的語法過長，版面沒辦法依你自己的喜愛做修改，總會讓大家覺得有些困擾。

「這時候如果我們可以自己做一個社群名片就好了！」你會不會常有這樣的想法呢？其實製作社群名片非常的簡單，只要簡單的幾個步驟就可以了。

社群名片主要包含兩個東西：一個是社群的連結，另一個則是代表性的圖示。

社群的連結想必大家都已經準備妥當了，只要你擁有這個社群的帳號，當進入你專屬頁面的同時上方的網址列就是你的社群連結。所以我們需要的就是他的代表性圖示。

索取代表性圖示

通常一個網站的代表性圖示都會顯示在「我的最愛」這個icon上，就像是twitter的、delicious的，只要是夠大的社群網站幾乎都會有個專屬的icon，所以我們只要把這個icon下載回來就好了。

這邊舉兩個例子，告訴大家如何將社群網站的icon擷取下來：
1.twitter: 首先我們進入twitter的首頁，接著按下滑鼠右鍵→選擇「檢視原始碼」，搜尋「favicon」會找到一串網址列(http://assets1.twitter.com/images/favicon.ico)，而這串網址列就是icon所在的位置，請將他下載回你的電腦

2.Delicious: 再舉第二個網站做例子，前面的twitter我們可以很直覺就發現他的icon位置，而現在的這個例子則是要花一點功夫。同樣檢視原始碼搜尋「favicon」找到了以下這串語法: link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" 找是找到了，可是我們發現他前面沒有http:// 耶，這樣要怎麼知道他的正確位置呢？

這就是所謂的絕對路徑以及相對路徑的差別，絕對路徑會明確告訴你他的位置在哪(就像twitter)，相對路徑則是像delicious一樣。

這邊只要抓到一個訣竅：我們是在那裡看他的原始碼？我們是在delicious的首頁看他的原始碼，顯示的icon位置是/favicon.ico，所以最簡單的辨別方式就是把「delicious的首頁網址」+「icon位置」=「http://delicious.com//favicon.ico」將合併後的網址打到網址列，是不是就會出現他的icon圖案啦!!把它下載到自己的電腦吧。

將ico轉成png

下載回來的圖片檔名都是ico，他沒辦法直接放到部落格，所以我們要先將圖片轉成png格式。大家可以到ConvertICO.com進行轉換，他支援ico以及png互轉喔。

製作社群名片

轉好之後的png我們需要幫他找個空間上傳，如果你自己的主機還有額外的空間，而且不怕流量問題，那我當然建議你直接上傳到主機。另外也提供大家可以將檔案丟到google page。

假設我要放上twitter的名片，我的社群網址為http://twitter.com/muki，icon網址為http://mukispace.googlepages.com/twitter.gif，在支援html的情況下我可以這樣寫：



通常icon的大小都會設置在長*16、寬*16的狀況下，但是有時候有的icon卻不依照這個規則走，我們就可以直接在img的標籤底下幫他設定height="16" width="16"

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 線上解方程式
  2009.03.17
  
  

此為網路行銷課程的一部分，由組員共同撰寫文章，借發文於MUKI space*
為了保護原作者的權益，文章不刪減修改任何一字。
此篇文章發表者：黃同學

我選擇寫介紹web2.0的網站，我找到這個網頁
Top 100 web2.0網站 最熱門的100個網站
http://www.yeeyan.com/articles/view/571/329
其中音樂的部分Musicovery: http://musicovery.com/
因為正好有用過所以就圖解說明一下怎麼用好了
Musicovery是一個可以讓人一心情去點歌的免費音樂播放網站，以下我用圖解說明一下如何操作

網站的畫面真的就是只有這樣，白色簡單調

個人認為這是一個非常棒的網站，大家可以一起用出一個屬於自己的音樂電台！

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

原文出處：
@43 Web Design Mistakes You Should Avoid / dailyblogtips

1.你必須要讓讀者在第一時間瞭解你的blog在幹麻：在Internet裡頭，要吸引別人注意力是個重要的課題，如果讀者沒辦法在第一時間知道你的部落格主題，他可能就會按上一頁離開了。所以你的blog要讓讀者願意花時間閱讀、拜訪，另外讀取速度也不能太慢。

2.讓文章容易閱讀：請注意這是網路上的blog，他不是市面上的書籍，所以忘了那些冗長的文字段落吧。讀者可能是邊工作邊看你的blog(也可能在做其他的事情)，所以讀者希望可以快速的掃過你的文章內容。所以一篇文章要有好的標題、次標題、項目清單...等可以讓讀者容易看到他想要的文章

3.不要用一些不容易閱讀的花俏字型：你的blog是否會因為使用某些字型，而讓網誌看起來有複雜絢麗的效果???但是換個角度想，他們容易閱讀嗎?如果你blog的重點是希望傳達某些訊息給讀者，並且讓讀者閱讀你的文章，就必須讓介面看起來舒服易閱讀。

4.不要使用過小的迷你字體：這個前提之下，是你真的希望你的blog讓讀者看起來容易閱讀。我的火狐瀏覽器是有讓文字放大的效果沒錯，但如果我真的使用了這個功能，那你的blog可能也是我最後一次的拜訪。

5.不要設定開新視窗：用這個簡單的邏輯思考: 如果我所有的外部連結都用開新視窗的方式，那讀者就不會離開我的網站了，這個觀念是錯的!!!請讓讀者自己控制他是否要開新視窗。這也是所有瀏覽器都會設置「上一頁」按鈕的原因。不用擔心你會將讀者送到其他網站，如果他喜歡你的網站，他就有回來的一天。

6.不要改變讀者視窗的大小：讀者可能已經替瀏覽器設定好大小了，如果你改變了大小，他的習慣可能會被你弄的一團糟，也會失去他對你的信賴。

7.除非需要且必要，否則不要強制讀者註冊：單純的去思考，當我們在瀏覽網站找資訊的時候，是否也不希望被強制註冊會員並且填寫任何資料呢(除非註冊有好康的東西)

8.請勿未經過他人同意發送訂閱給他：讀者註冊你的網站之後，不要自動發送訂閱給他。沒有經過同意就隨便發送，不是交朋友的好辦法。

9.Flash不要使用過度：flash會增加你網路的載入時間，也會干擾其他讀者。如果你blog的靜態頁面沒辦法表現出網誌的特點，這才是使用它的最好時機。

10.不要自動播放音樂：早期的網路年代，網站製作者都希望將音樂融入自己的網頁，但結果如何？他們失敗了。別放音樂，請終止他!

11.如果你必須要放影音，請預設關閉，讓讀者選擇要不要播放：有的時候可能有必要狀況，你要放這些東西，例如你的一段演講or導覽，這些是ok的。不過請加上play的按鈕，讓使用者自行點選。

12.不要因為部落格掛件而干擾你的主頁面：首先，網路上的部落格元件會讓這個網站看起來非常的不專業，如果你要放的是統計資料或是一些得獎的元件，請放在「關於我們」這個分頁

13.不要用個只有「enter」的首頁，直接進入你真正的網站：讀者總是希望可以花最短、最少的時間進入你真正的首頁。

14.確定blog有包含聯絡我的細節：沒有什麼比少了聯絡我還糟糕的事情了，不只對讀者不好，對你自己也不好，你可能會少了很多讀者的回饋

15.確定你的網站能使用「上一頁」按鈕：這是個非常基本的功能，不要因為任何原因導致他不能使用，當然，你開新視窗就不能使用它，另外舉個例子，有的javascript也會擋住這功能

16.不要使用閃爍的文字：除非你的讀者來自1996年，就這樣

17.避免複雜的網址結構：一個簡單，以關鍵字為基礎的網址不僅可以幫你做好SEO，以及pagerank，他也提供讀者還未看你文章時可參考的依據

18.使用css取代html的table語法：以前大家習慣用table作頁面的規劃，現在的趨勢則是改css，沒有任何的理由可以反對這點。css除了可以更快讀取，也可以做出更多的特色。

19.確定讀者可以搜尋到你整個網站(blog)：為什麼搜尋引擎改變了網路生態?這邊有個理由(你也可以猜猜看)，因為他讓網路上的使用者可以更快找到文章。不要小看了搜尋。

20.避免使用下拉式選單：所有的導覽選單，都應該以直線條呈現給使用者觀看。使用下拉式選單可能會讓讀者疑惑，或者還要花一點時間尋找這些隱藏的資訊。

21.選單儘量使用文字：用文字不僅快速也不會失效，舉例來說，有的使用者使用圖片如果連結失效就....

22.如果你有連接PDF檔案，請顯示他們：以往的PDF連結，讀者點下去之後會凍結你的瀏覽器(?)，同時Acrobat Reader 會顯示是否打開來歷不明的檔案?對讀者來說很煩，所以要妥善的指向PDF連結，讓讀者方便掌握。

23.不要讓讀者干擾了你製作網站的版本：避免讓使用者給你不必要的困擾。連接速度如何？我要選擇56k還是128k的讀者為主？用flash還是html呈現？別逗了，只要給我內容!!!!!

24.不要把廣告跟你的文章內容參雜在一起：短期內這種混合式的廣告(例如.google adsense)可能會增加你的收益，但長期來看，可能會失去許多讀者。讀者被干擾一次，就有一個讀者跟你說掰掰

25.使用簡單的導覽結構：有時候少就是多。這個規則也適用在人們的選擇。確定你的blog有簡單明瞭的導覽列

26.避免「向內發展」：在讀者還沒看到想要的東西時，不要強迫他看其他文章，只要你提供的文章是獨一無二的，他就會繼續看下去。

27.不要使用FrongPage：這是一個非常基礎的html編輯器，使用FrontPage雖然可以讓編輯變的很簡單，但是輸出的程式碼非常糟糕，在不同的瀏覽器觀看都會發現bug

28.確定你的blog兼容於每種瀏覽器：不是每種瀏覽器都長的一樣，他們所解析出來的css也不盡相同。不論你喜不喜歡，最多人使用的瀏覽器你一定要兼容，否則你會長期失去這些讀者

29.確定包含錨文本連結：儘量不要在連結的地方寫「連結這裡」，這非常的沒效率。確保你的連結也包含了確定的文字(錨文本)，讓讀者很清楚的知道他會連到哪。同時這對你的SEO也有幫助

30.不要把連結藏起來：當你有了29點的錨文本連結後，使用者可以知道他要連的地方，同時有的使用者也會看他瀏覽器的狀態列，以得知將要連向的網址為何。如果你把它隱藏起來，可能會讓讀者不信任你。

31.讓讀者可以清楚看到連結：讀者必須要的辨識哪些是連結，哪些不是。確保你的連結跟普通的文字顏色不同，如果可以的話也多使用底線標記

32.不要對文字作底線及顏色的標記：不要對文字作底線，也不要使用顏色。因為這樣可能會讓讀者判斷錯誤，誤以為是連結。

33.已經拜訪過的連結設定其他顏色：這點非常的重要。這個設定可以幫助讀者知道，哪些網站他已經拜訪過。

34.不要使用動畫圖檔：除非你的廣告有動畫圖檔，否則請避免使用，動畫圖會讓網站變的不專業，而且會讓讀者從文章轉移焦點。

35.在圖片的設置多使用alt以及title的屬性：同樣是對SEO有幫助，可以讓你的圖片容易被搜尋

36.不要用刺眼的顏色搭配：如果讀者看完你的網站連續10分鍾感到頭痛，你可能要考慮重新配色。可以對目標設計一個調色板(例如傳遞一個情緒，讓使用者專注在文章..等)

37.不要用跳出視窗：這邊是指任何會跳出視窗的東西。即使是讀者要求的，也是一個壞主意

38.避免java script的連結：請遠離這些java script，因為它可能會對讀者造成不良影響。

39.在blog的頁尾放上網站的訊息：如果讀者在你的blog找不到一些特別的資訊，他們通常會看頁尾。所以頁尾的部份至少要包括一個連結到首頁，最好再加上「聯絡我們」

40.避免過長的頁面：如果讀者總是要用滑鼠滾輪觀看你的文章，他可能會快速掃瞄而非仔細閱讀，儘量把你的網站頁面縮短一些，重點是導覽結構的完整性

41.不要出現水平捲軸：垂直的捲軸可以被容忍，但是相同的容忍度卻不適用於水平捲軸。現在最多人使用的解析度是1024*768，確保你的網站在這個大小裡頭。

42.不要有拼字和文法的錯誤：這不是網站設計的問題，但是他卻是影響你網站質量的重要因素之一。確認你在送出文章的時候沒有這些問題。
(muki註：對國人而言，就是不要有錯字以及注音文)

43.如果你有使用圖片驗證機制，請確保這張圖片可以讓讀者很清楚的閱讀：有一些部落格會使用圖片驗證來阻擋垃圾留言。這邊只有一個小問題，就是留言的人可能需要叫所有兄弟姐妹一起來解密你這張圖片。

-

終於...翻譯完了(汗
有幾篇我是用自己的話下去撰寫，因為有的我大概瞭解作者的意思。
另外，作者也有幾點理論我不能苟同啦...

像是第五點：不要開新視窗。
我個人的習慣都會確保連到其他網站都使用開新視窗。
因為我覺得這是對連結網站的一個尊重:)

他提出的這43點大家可以參考就好，你無法做到的就不要硬逼著自己去改變。
但是最重要的「不要自動播放音樂」，大家真的都要做到啊
我覺得國人最不好的習慣就是這點。真的吵死了><.......

還有國人的部落格有的也很花俏，看得受不了，側邊欄長的跟什麼一樣，通常都是華而不實的資訊。
(咦，好像在說我自己 )

總之好的閱讀環境需要大家一起養成
從今天起加油吧!!!!!

• 2008年十大重新設計的熱門網站(譯) 3/4
  2008.09.25
  
  
• 2008年十大重新設計的熱門網站(譯) 2/4
  2008.09.22
  
  
• 2008年十大重新設計的熱門網站(譯) 1/4
  2008.09.21
  
  

• Candy

• Bus Stop

• Tea House

我本來是想用Bus Stop這款主題，可惜下頭的長頸鹿佔據太多畫面，導致我的gmail往右邊移動，寬度也變小
所以就退而求其次使用Tea House
不過Tea House我也很喜歡辣XD
很開心Gmail釋放了那麼多主題給我們使用，這樣就不用再用Stylish這款插件做修正了
而你開始使用gmail主題了嗎?
你自己又是使用哪款呢?歡迎一起分享唷!!

【延伸閱讀】
Gmail支援佈景主題 / about Dogg
[Gmail]新功能:令人耳目一新的背景主題 / Fun New Run High
[資訊]Gmail開始提供佈景主題 / Goston's Blog

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

第二個小變更：以前是要點選檢視看詳細資料，現在則是點選你設定的名稱之後，還要再按一次檢視報告唷!

到了控制主頁之後，發現多了兩個試用版的東西可以點選。
分別是自訂報告以及進階區段(進階區隔)

自訂報告的功能，就是可以讓你自行選擇要觀看哪些數值的比較，進行篩選。
google這邊的介紹是說「設計獨一無二、符合您個人需求的報告」
首先創立一個自訂報告
接著會看到如下的畫面

使用方法很簡單，在最左邊的區塊有藍色以及綠色的圖層
將自己想要的數據以及範圍點選後用滑鼠拖曳的指定色塊即可。

而數據跟範圍是有因果關係的
也就是說，也許你拖曳了某個數據，之後範圍的部份會有一些無法拖曳。
這就要靠大家自己玩玩看囉:)
設定好之後就可以按下建立報告觀看你設定的成果

我還蠻喜歡這個東西的XD
因為可以讓我們想看什麼就看什麼，超級web2.0(笑

至於進階區段(進階區隔)這個功能，因為時間太晚了所以我來不及測試
(明天要期中考 囧)
所以大概過兩天再來記錄吧~

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03