Clik here to view.
文章列表極速版__依日期排列──DEMO
.tocYearTitle { /* 年份按鈕 */ display: inline-block; float: left; width: 70px; padding: 5px; font-size: 20px; text-align: center; cursor: pointer; color: #ffffff; font-family: Arial, sans-serif;...
View ArticleClik here to view.
Blogger 文章列表極速版__(一)依日期排列
(Pic from: forums.realmacsoftware.com)市面上所有的 Blogger 文章列表工具，都有共同的兩大天生缺陷，當部落格規模較小時，還不會察覺到；但成長到數百篇、甚至上千篇文章時，就會發現：1. 文章列表讀取的速度很慢 → 因為一次要讀取的 feed 資料太多2. 只能列出最新的五百篇文章→ 因為 Blogger feed 一次最多允許讀取 500...
View ArticleClik here to view.
讓 Evernote 在 PC 關機前自動同步
(Pic from: iconpng.com)「上一篇」借用 "自定義按鍵" 軟體的輔助，來模擬 Evernote "隨時同步" 的效果，其實已經能大大改善 Evernote 在 PC 端的同步效果，除了少數幾種情形可能無法同步到：當不是建立新記事、而是進行其他動作，例如編修舊記事、拖曳項目等等，沒有按 ESC鍵就不會同步。當作業告一段落，忘了按 ALT + W縮小視窗，或習慣用 ALT +...
View ArticleClik here to view.
文章列表極速版__依標籤排列──DEMO
.tocLabelTitle { /* 標籤按鈕 */ display: inline-block; width: 200px; padding: 5px 10px; font-size: 20px; text-align: center; cursor: pointer; color: #ffffff; font-family: Droid Serif, "標楷體", sans-serif;...
View ArticleClik here to view.
Blogger 文章列表極速版__(二)依標籤排列
(Pic from: forums.realmacsoftware.com)上一篇「依日期排列」，適合提供給對網站不熟的訪客，讓其概略瞭解近期文章走向、發文頻率、歷年作品等等。本篇「依標籤排列」的文章列表，則適合對網站已經有一定熟悉程度的讀者，知道從哪裡可迅速找到需要的資料，當然也適合站長自己使用。「Blogger...
View ArticleClik here to view.
Blogger 與 Google Analytics 如何不追蹤自己的瀏覽量(Page View)
(Pic from: freevectorgraphics.org)大抵上而言，無論任何的流量統計工具，一定會把站長自己的瀏覽數(Page View，以下簡稱 PV)包含進去。雖然 Google Analytics(以下簡稱 GA)可以排除特定 IP 的統計數據，但這功能對於撥接上網所產生的浮動 IP 則完全無效。而 Blogger...
View ArticleClik here to view.
文章列表極速版__依日期排列+「讚」統計──DEMO
.tocYearTitle { /* 年份按鈕 */ display: inline-block; float: left; width: 70px; padding: 5px; font-size: 20px; text-align: center; cursor: pointer; color: #ffffff; font-family: Arial, sans-serif;...
View ArticleClik here to view.
Blogger 文章列表極速版__(三)依日期排列+「讚」統計
(Pic from: forums.realmacsoftware.com)前兩篇文章列表(依日期、依標籤排列)算是基本款，相信對於大部分部落格的導覽功能使用已經足夠。從本篇開始，會陸續增加不一樣的附加功能。「極速版」系列的優點可參考這篇「依日期排列」→「一、文章列表極速版的特點」，而這篇增加的「讚」統計數據，如果是經營 Facebook...
View ArticleClik here to view.
如何讓大陸讀者能看到 Blogger 網頁及 Picasa 圖片
自從 Google 被大陸封鎖之後，旗下產品也概括承受相同的命運，例如 Blogger 網域無法被大陸讀者拜訪、Google+ 相關功能(專頁或社群)無法使用、Picasa 圖片看不到等等。除了從大陸自主性地突破封鎖一途外，在技術上而言，我們是有方法可以跳過封鎖，來讓相關頁面內容被大陸讀取。不過這個主題太過龐大，會另闢專文說明。而本文先針對基本需求，讓 Blogger 網域、及PICASA...
View ArticleClik here to view.
文章列表極速版__依標籤排列+「讚」統計──DEMO
.tocLabelTitle { /* 標籤按鈕 */ display: table-cell; width: 200px; padding: 5px 10px; font-size: 20px; text-align: center; cursor: pointer; color: #ffffff; font-family: Arial, "標楷體", sans-serif;...
View ArticleClik here to view.
Blogger 文章列表極速版__(四)依標籤排列+讚統計
(Pic from: forums.realmacsoftware.com)這個版本主要是將「文章列表極速版__依標籤排列」加上讚統計的功能。另外，該篇的留言 FreeTong Leung 提供了一些不錯的建議及 CSS 語法，因此本篇也將這些建議放入展示效果，例如：標籤按鈕旁增加新文章的提示效果新文章的提示效果增加顏色閃爍 CSS...
View ArticleClik here to view.
Godaddy 折價券查詢器
這個小工具輸入查詢的金額字串後，可列出含有該金額的 Godaddy 折價券文章列表，點選日期最近的一篇文章後，即可找到該金額的折價券、來測試是否還有效。篩選的來源網站為「Live Godaddy Promo Codes」，建議查詢的金額字串請見以下：(操作提示：滑鼠點擊金額即可選取、貼上字串按 Enter 即可查詢).godaddy-box { border: 1px solid #ddd;...
View ArticleClik here to view.
Blogger 應該選擇自適應範本(RWD), 還是行動版範本?
(Pic from: my-blogshop-tool.blogspot.com)在行動裝置瀏覽量不斷攀升的趨勢下，如何服務行動裝置的讀者，是 Blogger 站長們開始要考慮的課題。Blogger 本身已經提供了行動版範本，不過似乎自適應範本(Responsive Web Design)功能更為強大，那麼到底應該如何抉擇呢？請見以下逐項分析。一、自適應範本的優缺點1....
View ArticleClik here to view.
Blogger 最新回應的留言為何無法顯示？
(Pic from: softicons.com,freepik.com,all-free-download.com)自從去年 4 月 Blogger 整合「G+ 留言框」後，「最新回應的留言為何無法顯示？」這個詢問便持續出現，因此很有必要整理一下相關的說明與解決方式。一、肇因1: G+ 留言框由於啟用 G+ 留言框後，系統會強制關閉 Blogger 留言框。而「最新回應」這樣的小工具只能讀取...
View ArticleClik here to view.
Blogger 行動版範本初探__修改技巧整理
近來行動裝置的瀏覽量不斷攀升，因此如何完善 Blogger 行動版的功能與版面配置、及如何修改行動版範本，這件事遲早會受到矚目。參考了官方文章「Introducing custom mobile templates」後，大致整理一下修改 Blogger...
View ArticleClik here to view.
文章列表極速版__依日期排列__「+1」統計──DEMO
.tocYearTitle { /* 年份按鈕 */ display: inline-block; float: left; width: 70px; padding: 5px; font-size: 20px; text-align: center; cursor: pointer; color: #ffffff; font-family: Arial, sans-serif;...
View ArticleClik here to view.
網址命名的要點整理及流程SOP(筆記)
(Pic from: synergizedinfo.com)最近為了買網址的事情小小傷了一陣子的腦筋，其中最頭痛的部份算是網址如何命名了，這跟爸媽幫孩子取名字差不多，是跟著一輩子的事情，總不會隨便取吧！現實中同名同姓的人所在多有，但在網路的世界，網址是獨一無二的，難度可比現實世界高上一截。因此找了非常多的資料，大致整理了網址命名應該知道的基本知識、技巧及要點，並彙整成一個可以驗證的 SOP...
View ArticleClik here to view.
Google Drive(js檔)疑似流量有限速？ 檔案自行分流教學
(Pic from: pocketables.com)這是一篇公告文章，而如果對於上傳檔案到網路空間的步驟不熟悉，那麼本篇也可視為教學文章。最近發現「Blogger 相關文章」出現異狀，有時不能執行、有時又自行恢復，連續數天皆是如此。這算是滿令人驚訝的現象，在此試著進行分析及提供解決方案。一、推測 Google 進行流量控管根據網路 google 到的訊息，多半是 Google Drive...
View ArticleClik here to view.
Blogger 範本裡為何這麼多亂碼？告訴你解決的方法
(Pic from: techbyte4u.com)+Pan Kuan 在這個「Blogger中文社群討論串」詢問："我範本裡放了GA的語法，存檔後會被轉碼成這樣，想請教是我範本壞掉了嗎？還是我動了哪邊的設定而造成的呢？"，其實這也是許多使用者的疑問與困擾。之所以會造成這個現象，是因為 Blogger...
View ArticleClik here to view.
WFU BLOG 新網址暨週年慶__換新網域的考量
今天是 WFU BLOG 四歲生日，雖然以往沒有發過週年慶的心得，不過今年適逢更換門牌號碼，必然要發一篇來敲鑼打鼓一番！從現在起，本站的網址將縮短為：http://wfublog.com/應該還滿好記的吧～輸入也方便不少。以下是我買網址的一些考量及心路歷程，最後是回饋忠實讀者的慶祝活動！ ^^一、為何想買網址？其實以本站的性質，「發文頻率普普、流量一般」、「FB...
View Article