呆丸北拜已搬家至 Blogger

http://twpcsx2.blogspot.com/2014/02/cssmib.html

一般痞客邦部落格樣式，都為側欄「文章分類」裡的「分類連結」，在滑鼠指標移上去之後變更顏色；而「文章分類」裡的「分類資料夾」，在滑鼠指標移上去之後不會變更顏色。

其實如果您有需要，也可以為側欄「文章分類」裡的「分類資料夾」，在滑鼠指標移上去之後變更顏色。

前往 http://panel.pixnet.cc/theme/blog/editcss 編輯 CSS 原始碼，您需要自訂的是 .inner-box h6:hover 的 CSS，在 CSS 編輯區域的末尾加上像這樣的內容：

部落格裡提供的軟體如果無法使用或無法正常使用，應首先嘗試按滑鼠右鍵並選擇以系統管理員身分執行。

前提是你會用到「 編輯 HTML 原始程式碼 」這個功能。對於大量重複的相同定義的 HTML 標籤，可以將它們自動刪除。我能想到的用處就是大量相同定義的 <span>（譬如 <span style=color:red>），把這些 <span> 都刪除後，在上一層 HTML 標籤指定同樣的定義（譬如 <div style=color:red>）。這樣，HTML 原始碼就會變得簡潔，手動編輯 HTML 原始碼就會更方便。


範例
從別的網頁複製來的內容，複製到編輯器模式的區域中，再按編輯器模式工具列左上角的「 HTML 」按鈕。大致瀏覽 HTML 原始碼，如果發現有很多相同定義的 <span>（譬如 <span style="color:silver">）這時就將 HTML 原始碼都複製到記事本中。

原先有問題的 FeedBurner RSS 已移除並重新製作，所以必須重新訂閱。在此我對給訂閱者造成的不便表示歉意。為了答謝大家的訂閱，這次重新燒錄的 RSS 不再包含廣告。其實就是 AdSense 資訊提供廣告，一年多的時間都沒有人按廣告所以就乾脆把廣告取消。

原有的 FeedBurner RSS 存在的問題：透過 FeedBurner 提供的連結（feeds.feedburner.com/username）檢視 RSS 摘要時，不顯示網頁內容而是直接顯示網頁原始碼。受此問題影響的瀏覽器是 IE 和 Chrome，Firefox 和 Opera 使用自己內建的 RSS 閱讀器所以不受影響。

問題的原因：網誌的 HTML 原始碼和 Feedburner 之間存在相容性問題（末尾附圖）

偶們都知道，迴響張貼後，會在個人頭像旁邊顯示你的痞客邦 ID 名稱。其實偶們可以將原本顯示的 ID 名稱，替換為偶們想要顯示的任何內容。

張貼迴響時點 PIXNET ID 下邊的那個鈕，輸入用來代替原本顯示的痞客邦 ID 的文字。

個人網頁留空：則迴響張貼後，會自動填入你的痞客邦部落格網址（像這樣 http://idaiwan.pixnet.net/blog）

最近一個月的訪客來源國家統計資料。排在第五名的 Country Unknown 不是外星人，都是在地球上有具體國家的。因為 Woopra 的資料庫中沒有該訪客的 IP 位址所對應的國家，所以才會顯示為 Unknown。我有一次在 Live 線上訪客列表中看到有 Country Unknown 的訪客，其顯示的 IP 拿去查詢發現是該訪客來自台灣。

（第六個是澳門 Macau，這裡面標示為 Martinique 是錯誤的）

排在第 30 名的 Non-spec 也是有具體國家的。我有一次在 Live 線上訪客列表中看到有 Non-spec 的訪客，其在訪客即時地圖中顯示的位置是 China。

非常詬病的一點：就是 0rz.tw 的轉址要等十秒才能給你轉過去，浪費了訪客的時間。

短網址是否有必要：網址沒必要背起來，都是在轉載、引用、PO 連結時才會用到。值得注意的是討論區中 PO 連結，如果連結過長會自動省略一部分以「…」代替，但痞客邦的連結遠沒有長到會需要省略的地步。在部落格中 PO 連結，如果對於版型而言連結過長，則連結的末尾可能會斷行顯示，但痞客邦的連結遠沒有長到會長過版型的地步。

影響網站的 Pagerank：0rz.tw，一個不具備任何原創內容的生產力的網站，通過將別人的網站連結以短網址的形式化為己有。使得 0rz.tw 的 Google Pagerank 達到 6、Alexa Rankings 達到 44155。0rz.tw 的成就完全建立在別人網站的基礎上，0rz.tw 的 Pagerank 增加，正是廣大網站 Pagerank 的減少，0rz.tw 的本質同偷竊毫無區別。

原理：使用 Firefox 的擴充套件 Gmail Notifier 檢查迴響和留言發到 Gmail 信箱的通知郵件，當有郵件到達時，會有聲音提示。不然就只能用短訊通知，必需每次跑去後台檢查。

準備工作：單獨申請一個 Gmail 用來接收迴響和留言的通知郵件。為免垃圾郵件騷擾，此 Gmail 不要公開。
　　　　　（由於 Gmail Notifier 無法作用於痞客邦 Gmail 信箱，所以必需使用在 Google 申請的 Gmail）

部落格人氣：是到你的部落格裡面的任何一個地方就會計算（搜尋引擎機器人的點擊不計入）

同一訪客的人氣會每隔五分鐘重複計算一次。如果同一個訪客持續訪問 20 分鐘，那就會計算 4 次人氣。

pixnet 人氣計算的是 Visits，只是當訪問時間超過五分鐘時，每五分鐘額外計算一次。

對以往痞客邦推出的新功能，偶都還蠻有好感的，儘管有些功能並不強大。但這次掛在網頁頂端的多國語系設定功能，根本就是個有的沒的功能。

對痞客會員：部落格出現兩個「管理後台」的連結（站方公告未說明）

目前使用的樣式，預設最新文章的清單列表項沒有加底線，看上去有些密密麻麻。加底線後看起來就會清楚很多。

管理後台 » 部落格 » 樣式設計精靈 » CSS 原始碼編輯，在末尾加入（範例：CSS 加底線的原始碼取自目前使用的樣式）

#recent-article li {
   padding: 4px 0px ;

今日 Dashboard 的 My referrers 中有個沒見過的訪問來源，經檢視看到滿篇的馬的中國殘體中文和頁面底部的網路警察圖示，偶確定那是一個中國大陸論壇。一般會員的痞客邦部落格都會被中國網路封鎖，在大陸論壇上的大陸人應該不能連結到痞客邦的部落格。偶對此感到好奇，並決定檢查一番。

在那個來源上點右鍵然後選 Analyse page，來檢查此來源的訪客數據。

已經在部落格中放入 Woopra 分析的 HTML 原始碼，但發現有的頁面一直沒有訪問紀錄，不知道 Woopra HTML 原始碼在那些頁面中能否正常運作。

於是自己掛個測試用的 IE6 親自上陣。先開啟 Woopra，然後去瀏覽一直沒有訪問紀錄的相簿和名片，再看 Woopra 中的線上人數顯示。在 Woopra 中有顯示相簿和名片的訪問紀錄，說明相簿和名片內放置的 Woopra HTML 原始碼能夠正常運作。

至 Woopra 官網申請一個帳號：http://www.woopra.com。申請完成後到後台添加網站，填入部落格網址，偶填的是 idaiwan.pixnet.net/blog，添加後會自動變為 idaiwan.pixnet.net，對於非 VIP 會員此網址會自動重導向至相簿，所以要務必令相簿處於完全開放狀態。

接下來是漫長的等待過程，提交的網站必須在驗證通過之後才能開始使用 Woopra 服務。驗證通過後 Woopra 會給你註冊時填寫的 email 發郵件告知。要作好長久等待的心理準備，偶等待兩個半月的時間才申請通過。

至帳號後台會有 Woopra 分析所使用的 HTML 原始碼，將其複製。於部落格、相簿、留言版中，可以同 Google Analytics 一同使用。名片部份只能用容納字元有限的名片描述來放 HTML 原始碼，只夠放 Woopra。部落格的網站分析是必備的，剩下的相簿、留言版、名片，可以選擇性地使用網站分析工具。

痞客模板的 HTML 偶們沒有權限修改，偶們有權限修改的只有模板的 CSS。

側欄標題預設以文字形式存在，將文字以圖片代替，通常首先想到的是使用文字形式的背景圖片，但這樣會和標題文字重合在一起，所以必須通過 CSS 讓標題文字不顯示。

例如「參觀人氣」，預設側欄標題只有顯示文字。

當嘗試「剪下、複製、貼上」時會提示：複製、剪下和貼上功能在 Mozilla 和 Firefox 中無法使用。

給 Firefox 個人設定檔 Profile 中的檔案 user.js 加入以下內容，若無 user.js 需要新增一個。

user_pref("capability.policy.policynames", "allowclipboard");
user_pref("capability.policy.allowclipboard.sites", "http://panel.pixnet.cc");
user_pref("capability.policy.allowclipboard.Clipboard.cutcopy", "allAccess");
user_pref("capability.policy.allowclipboard.Clipboard.paste", "allAccess");

修改是根據偶目前在用的樣式：側邊攔在左邊，內文在右邊。修改後側邊攔寬度不變，內文寬度增加。

樣式名稱為「來更換自己的圖片吧」，此樣式的內文寬度為 635 像素。於公告版位放置 728x90 像素的 Google AdSense 廣告組，公告版位寬度與內文寬度相等亦為 635 像素。但是廣告寬度為 728 像素，偶們都知道 Google AdSense 廣告組的寬度固定無法改變，為了讓廣告寬度同內文寬度持平，只得增加內文寬度。將內文寬度增加 95 像素至 730 像素，大於廣告寬度 728 像素，這樣廣告就不會被隱藏一部分，可以完整顯示。

如果只是單純地將內文寬度增至 730 像素，整個版面就會跑掉。還需要對整個模板的寬度進行相應調整。

最常使用製作清單的 HTML 標籤為 <ol> 和 <ul>，<ol> 和 <ul> 除去預設的 list-style-type 之外，並無不同。可以通過 CSS 指定來覆寫它們預設的 list-style-type，從這點來看 <ol> 和 <ul> 沒有區別，擇其一隨意使用。痞客邦部落格有使用 <ul>，未使用 <ol>，所以偶們選擇 <ol> 作為偶們製作清單的 HTML 標籤。

痞客模版的預設 CSS 有定義 ol {margin:0}，為了網頁美觀 <ol> 預設會留有四邊的 margin。所以偶們為了網頁美觀需要將 margin 加上去，偶是指定了左邊留有 4em 的 margin，ol {margin-left:4em}。

痞客模版的預設 CSS 有定義 ol {list-style:none}，也就是沒有清單符號。當然偶們希望製作的清單保有清單符號，偶是指定了最常用的正方形作為清單符號，ol {list-style-type:square}。

噢喔，痞客狐頭殼壞去囉！