WFU BLOG

Blogger 文章標題最佳化﹍(1) 超連結與 CSS 調校

Blogger 文章標題在預設的狀態下，於首頁可以點擊代表文章網址的超連結。但進入文章頁面後，文章標題就只剩下文字的功能，無法再點擊。如果以站長的角度來看，這不是什麼大不了的事，不過以訪客的角度而言，情況可能略有不同。 以 WFU 的經驗，逛到一篇質量不錯的文章，想保存、分享...

為何部落格最好避免第三方外掛？(二)如何選擇外部工具

「 上一篇 」詳述了第三方工具可能的不好影響，那麼對於 Blogger 而言，不算第三方的程式，就比較安全了嗎？ 當然不見得，以下先說明原因，並提出針對第三方與非第三方工具，在篩選上的建議。

為何部落格最好避免第三方外掛？(一)拖累網頁速度及其他不良影響

(Pic from: pixelportal.com.au ) 自由度較低的部落格平台(痞客邦、Xuite)，大部分的功能官方會提供；而自由度高的平台(Blogger、Wordpress)，官方提供的功能有限，很多都得仰賴第三方小工具來實現。 然而， 第三方工具就像傭兵一般...

Godaddy 設定網址﹍子網域轉址及遮蔽網址的操作

(Pic from: businessemail.rediff.com ) 「 上一篇 」說明了子網域轉址的優點，及強制覆蓋網域的原理和應用；本篇則是使用 Godaddy 來演繹操作的過程，並說明某些選項的意涵。建議先看完上一篇的原理，才會比較明瞭本篇的操作說明。

買網址的附加價值__子網域轉址的各種應用

(Pic from: businessemail.rediff.com ) 有了自己的專屬網域後，可以設立無數個第二層網域，也就是子網域(subdomain)。就像買了一間房子，怎麼個隔間法都可以；每個房間是要送禮或自用，端看自己的主意。 有的子網域可以經營分站，有的可以拿...

修正導覽列下拉選單的矛盾__在Blogger網頁版及行動版正常運作的訣竅

發佈「 下拉選單安裝懶人包 」一陣子後，發現會造成兩個小缺陷： 1. 行動版的網頁小工具失去作用 2. 對網頁版 SEO 稍微有點影響 因為 WFU BLOG 的行動版讀者不多，因此一直未針對這件事進行調校。直到最近換了新網址後，需要重新做 SEO，所以剛好來一次解決這...

Godaddy(網域/網址)購買及續約+隱私保護__省錢心得

上一篇「 Godaddy網址購買及續約 」說明了如何利用篩選器來找出便宜的折價券，本篇則是針對想要加購「隱私保護」功能、或是正在考慮是否購買的使用者。 以下先提供相關資訊來輔助判斷，再舉例說明 Godaddy「隱私保護」功能的相關流程及心得。

Godaddy(網域/網址)購買及續約__省錢攻略

前陣子因為購買網址，研究了一下普遍認為很划算的「 Godaddy 」。通常選擇網域名稱供應商時，不能只調查第一年的註冊費用(只繳一次)，最重要的是調查續約價格(每年都要繳)，除非是申請臨時性的網域(例如辦活動)。 好消息是，無論註冊費用、或是續約費用，Godaddy 跟其他供...

WFU BLOG 新網址暨週年慶__換新網域的考量

今天是 WFU BLOG 四歲生日，雖然以往沒有發過週年慶的心得，不過今年適逢更換門牌號碼，必然要發一篇來敲鑼打鼓一番！從現在起，本站的網址將縮短為： http://wfublog.com/ 應該還滿好記的吧～輸入也方便不少。以下是我買網址的一些考量及心路歷程，最後是回饋...

Blogger 範本裡為何這麼多亂碼？告訴你解決的方法

(Pic from: techbyte4u.com ) +Pan Kuan  在這個「 Blogger中文社群討論串 」詢問：" 我範本裡放了GA的語法，存檔後會被轉碼成這樣，想請教是我範本壞掉了嗎？還是我動了哪邊的設定而造成的呢？ "，其實這也是許多使用者...

Google Drive(js檔)疑似流量有限速？ 檔案自行分流教學

(Pic from: pocketables.com ) 這是一篇公告文章，而如果對於上傳檔案到網路空間的步驟不熟悉，那麼本篇也可視為教學文章。 最近發現「 Blogger 相關文章 」出現異狀， 有時不能執行、有時又自行恢復，連續數天皆是如此 。 這算是滿令人驚訝的現象，...

網址/網域 命名的要點 + 流程SOP(筆記)

(Pic from: synergizedinfo.com ) 最近為了買網址的事情小小傷了一陣子的腦筋，其中最頭痛的部份算是網址如何命名了，這跟爸媽幫孩子取名字差不多，是跟著一輩子的事情，總不會隨便取吧！ 現實中同名同姓的人所在多有，但在網路的世界，網址是獨一無二的，難度...

[教學]Blogger 行動版範本初探__修改技巧整理

近來行動裝置的瀏覽量不斷攀升，因此如何完善 Blogger 行動版的功能與版面配置、及如何修改行動版範本，這件事遲早會受到矚目。 參考了官方文章「 Introducing custom mobile templates 」後，大致整理一下修改 Blogger 行動版必備的觀念...

Blogger 最新回應的留言為何無法顯示？

(Pic from: softicons.com , freepik.com , all-free-download.com ) 自從去年 4 月 Blogger 整合「 G+ 留言框 」後，「 最新回應的留言為何無法顯示？ 」這個詢問便持續出現，因此很有必要整理一下相關的說明...

Blogger 應該選擇自適應範本(RWD), 還是行動版範本?

(Pic from: my-blogshop-tool.blogspot.com ) 在行動裝置瀏覽量不斷攀升的趨勢下，如何服務行動裝置的讀者，是 Blogger 站長們開始要考慮的課題。 Blogger 本身已經提供了行動版範本，不過似乎自適應範本(Responsive ...

Godaddy 折價券查詢器

這個小工具輸入查詢的金額字串後，可列出含有該金額的 Godaddy 折價券文章列表，點選日期最近的一篇文章後，即可找到該金額的折價券、來測試是否還有效。篩選的來源網站為「 Live Godaddy Promo Codes 」，建議查詢的金額字串請見以下：( 操作提示：滑鼠點擊金額...

Blogger 文章列表極速版﹍(4) 依標籤排列+讚統計

這個版本主要是將「 文章列表極速版__依標籤排列 」加上讚統計的功能。另外，該篇的留言 FreeTong Leung 提供了一些不錯的建議及 CSS 語法，因此本篇也將這些建議放入展示效果，例如： 1. 標籤按鈕旁增加新文章的提示效果 2. 新文章的提示效果增加顏色閃爍 C...

[教學]如何讓大陸讀者能看到 Blogger 網頁及 Picasa 圖片

2015.9.23 公告： 本文的技巧在「2014.6.4」前夕大陸重新封鎖 PICASA 之後，目前為止沒有恢復的跡象。關於這個主題，請改參考這一系列的文章「 部落格網站如何不被大陸封鎖？ 」。 自從 Google 被大陸封鎖之後，旗下產品也概括承受相同的命運，例如 Blo...

Blogger 文章列表 RWD 版﹍(3) 依日期排列+讚統計 [加值文章]

2015.5.27 更新： 本次更新的程式碼內容，主要是為了配合行動裝置的需求，改為自適應(RWD)版面，並稍微精簡程式碼。由於原有的架構沒有改變，因此並未修改版本號碼，直接在原文章網址做更正，有需要的讀者請直接更新程式碼。 「文章列表極速版」系列的優點可參考這篇「 文章列...

[小工具]Blogger 與 Google Analytics 如何不追蹤自己的瀏覽量(Page View)

(Pic from: freevectorgraphics.org ) 大抵上而言，無論任何的流量統計工具，一定會把站長自己的瀏覽數(Page View，以下簡稱 PV)包含進去。雖然 Google Analytics(以下簡稱 GA)可以排除特定 IP 的統計數據，但這功能對...

Blogger 文章列表極速版﹍(2) 依標籤排列

2015.9.26 公告： 本文工具已有更新版，請前往「 Blogger 文章列表極速版﹍依標籤排列 (更新版) 」。 上一篇「 依日期排列 」，適合提供給對網站不熟的訪客，讓其概略瞭解近期文章走向、發文頻率、歷年作品等等。本篇「依標籤排列」的文章列表，則適合對網站已經有一定...

文章列表極速版__依日期排列__「+1」統計──DEMO

讓 Evernote 在 PC 關機前自動同步

(Pic from: iconpng.com ) 「 上一篇 」借用 "自定義按鍵" 軟體的輔助，來模擬 Evernote "隨時同步" 的效果，其實已經能大大改善 Evernote 在 PC 端的同步效果，除了少數幾種情形可能無法同步到...

文章列表極速版__依標籤排列+「讚」統計──DEMO

因 Google Drive 外連失效，停止展示頁面。

Blogger 文章列表極速版﹍(1) 依日期排列

市面上所有的 Blogger 文章列表工具，都有共同的兩大天生缺陷，當部落格規模較小時，還不會察覺到；但 成長到數百篇、甚至上千篇文章 時，就會發現： 1. 文章列表讀取的速度很慢 → 因為一次要讀取的 feed 資料太多 2. 只能列出最新的五百篇文章 → 因為 Bl...

在Blogger導覽列安裝搜尋框__Google自訂搜尋＋語音功能

(Pic from: design.oneter.com ) 在這篇「 Blogger 如何安裝兩個導覽列？ 」留言 #7 詢問「 有沒有辦法將google的搜尋框直接放到浮動的導覽列上? 」。當時我回答「 按照 " 密技！在 Blogger 水平功能選單使用語法產生...

文章列表極速版﹍依日期排列+讚統計 (RWD 版)──DEMO

讓 Evernote 在 PC 能隨時同步

Evernote 在行動裝置(Android、iOS)端的同步能即時處理，只要是連上網路的狀態，剛寫好的記事便能自動上傳到雲端。不過在 PC 上就沒這麼方便了，無法隨時同步常常會發生一些慘劇，例如： 明明寫過一些備忘，但怎麼在行動裝置就是找不到？懷疑 Evernote 某些記事...

解決 Blogger 匯入文章時「繼續閱讀」出錯的問題

上一篇「 部落格文章如何全自動備份 」 的操作需用到 "匯出文章" 及 "匯入文章" 的步驟，而 +Pan Kuan  於 留言 #1 詢問： 「我部分文章的html裡有發現這一行 <a href = "http://ww...

文章列表極速版__依標籤排列──DEMO

[教學]部落格文章如何全自動備份__IFTTT 應用

2018.7.20 補充： 由於 IFTTT 常常改版，如果對英文不熟悉，無法自行操作的話，建議改看這篇「 自動備份 Blogger 文章的一些實驗，我找到了最佳方案 」。 部落格文章放在雲端不安全嗎？其實以 Blogger 來說，由於是 Google 的產品，可靠度相對而言...

使用 Hotkeyz 設定連續組合鍵__Win 8 睡眠模式快速鍵

Hotkeyz 是 Windows 下非常強悍的一套免費軟體，大部分的動作都能利用 Hotkeyz 設定成熱鍵來執行。雖然另一套軟體 AutoHotkey 功能最強大、自訂性最高，不過需要不少基礎知識及一點語法底子，相較之下 Hotkeyz 則適合每個人使用，且大部分的操作、設定...

文章列表極速版__依日期排列──DEMO

[教學]Blogger導覽列下拉選單﹍安裝懶人包

「下拉選單」是個從部落格建立以來便很想要的功能，不過大部分下拉選單除了安裝方式不容易，通常需要有 HTML 基礎才比較能成功；且另外比較麻煩的是，下拉選單很難具備管理性，也就是日後想調整選單內容、順序時，是個不太輕鬆的工程。 以上便是這篇安裝懶人包的源由，使用這個工具沒有語法...

網頁中英文字型(font-family)跨平台設定最佳化

中文字體由於先天上的諸多限制，無法像英文字體般，在網頁上能有多樣性的呈現。若是想與眾不同，最簡單的方式是將特殊中文字型做成圖形(例如網站標題及敘述)，不過缺點是不利於 SEO。 而不使用圖形也是有辦法來顯示自訂字型，可參考這篇「 自製中文網頁字形（Web Font）並內崁至網...

將網頁文章的圖片全部套用立體陰影效果__CSS技巧

(設計: +Totoa Hari , 素材: goo.gl/x6WzZC ) 如能善用 CSS 語法，不需要使用影像編輯軟體，也能讓圖片輕鬆做出「外框 + 陰影」的效果。不過使用 CSS 做出簡單的陰影很容易，要做出不錯的立體感就稍微困難一些。 另外，要在單一圖片使用 CS...

[教學]讓 Google 試算表製作的問卷試題能自動計分

2015.7.8 公告： 本文的方法在新版 Google Drive 將會失效，請改用「 讓 Google 問卷(表單)能自動計分 V2 」。 Google 試算表的威力十分強大，許多我們在電腦前無法監控、執行的事務，都能交給他全天候 24hr 不間斷執行，尤其跟 Blogg...

為何 Blogger 留言頭像無法正常顯示？

(Pic from: freepik.com ) 其實 Blogger 留言頭像無法顯示的比例並不高，不過偶然發生時還挺麻煩的，不容易很快找出原因來。 前陣子讀者留言時，頭像發生不尋常的狀況，因此藉這個機會整理一下留言頭像異常的原因，從 WFU BLOG 現有的留言找出一些...

Win 8 切換飛航模式的方法__節省電力必備

(Pic from: eightforums.com ) 當使用平板或行動裝置時，為了節省電力，切換飛航模式來控制是否使用網路是重要的功能。在 Android 系統可以藉由 app 完成這件事，但 Win8 的 app 貧乏，要做到這件事並不容易。 而 Win8 的優點是還...

關於本站

網站故事

Blogger 網頁設計 | 架站 | 諮詢 | 提案合作

Blogger 是 Google 旗下的產品，為成本最低、最安全的架站平台，不需要 "主機"、"流量"、"圖床" 等固定支出(一年好幾千元)，也不需要防駭客，有世界最頂尖的 Google 當後盾。同時自家產品為了方便 G...

WFU BLOG 的版權聲明及版權圖示

(Pic from: felipegodoy.wordpress.com )

Blogger 私密文章的另一種選擇__網頁小工具的妙用

(Pic from: softicons.com ) Blogger 要隱藏文章最傳統的作法為「將內容加密」，這最安全、但操作麻煩，若忘了密碼則連自己都看不到。 去年曾研究出利用 js 來「 偽裝的方案 」，雖有人認為不安全、js 一關就會現形，不過 WFU 則認為從心裡層...

如何將 Evernote 在桌面上的捷徑開啟為新視窗__在各種裝置都能提醒自己的記事

有些重要的記事、SOP 流程、或是習慣養成、不再犯錯的事宜，我們可能會想把記事檔案的捷徑放在桌面，方便隨時開起來提醒自己。 如果配合雲端服務，讓這個檔案在各種裝置間同步，那麼在一處修改記事後，所有裝置都能讀取最新修訂內容，這樣就再方便不過了。而這個 最好的選擇，會是利用 Ev...

FB 粉絲頁 RSS 網址線上產生器

會員中心

[小工具]部落格即時留言板 WYBOARD + 表情圖案

(Pic from: iconarchive.com ) 「 WYBoard 」這個一年多前寫的部落格留言板，根據該篇留言的回應，"表情符號" 應該會是最受歡迎的擴充功能，再來是 "留言管理" 的功能。 適逢香港朋友 コーさん 寫了很...

BLOG 留言板 (200~)

對於本站的建議、或站務相關的問題，請留言於此。 2019.3.7 公告： 除了以上主題之外，Blogger 疑難雜症請前往「 Blogger 社團 」提問 或可請前往「 BLOGGER 中文論壇 」搜尋解答

2014 BLOG 更新紀要索引