WFU BLOG

Facebook 粉絲頁 RSS 網址線上產生器__為何要訂閱 FB 粉絲頁？

2015.6.30 公告： 目前 FB 已經停止發佈粉絲頁的 RSS，要訂閱的話請參考這篇「 讓 FB 粉絲頁能訂閱 RSS 」。 由於 FB 粉絲頁的曝光率急速下降，或許讓讀者能訂閱粉絲頁的 RSS 是一種解決方式。以下先提供粉絲頁 RSS 的線上產生器，再詳細解釋為何需要...

Feedburner 訂閱人數飄忽不定？改讓 Feedly 按鈕顯示訂閱人數吧！

(Pic from: SeonBieber ) 相信有使用 Feedburner 訂閱按鈕的站長可能會發現，去年七月「 Google Reader 關閉 」(以下簡稱 GR)之後，Feedburner 接收 GR 訂閱人數的狀態便陷入混亂，顯示的數據保持著區間震盪的走勢，一下子...

搜尋結果不再顯示作者頭像！Google 為何要這麼做？

(Pic from: freepik.com , danzxncrd.blogspot.com ) Google 搜尋引擎最近發生的大事，為取消顯示實施了二～三年的作者頭像(Google Authorship)，算是令許多人沮喪的一件事，因為作者頭像對於搜尋結果的點擊率，的確有...

不用語法及後製, Picasa (G+相簿) 圖片立刻變成黑白(灰階)效果

想要在網頁上呈現黑白(灰階)圖片效果，最簡單的方法就是利用影像軟體後製，操作熟練的話很快就能完成。不過，若是網頁有很多圖片、或是不定時需要灰階效果的話怎麼辦？重新上傳也是麻煩，這時如果能透過語法，只針對需要灰階的圖片進行處理，算是最方便的解決辦法。 CSS3 / HTML5 ...

我的 Histats 計數器操作心得, 你也可以這麼使用

Histats 是很棒的免費網頁計數器服務，可以在網站上即時顯示訪客數、瀏覽數、歷史瀏覽數等等數據，還有龐大數量的樣式可供選擇。雖然在專業的數據分析上，比不上 Google Analytics(以下簡稱 GA)，不過 WFU 仍在本站分別裝了 GA 及 Histats 兩種計數器...

符合 SEO 的 H1 H2 H3 標籤配置研究﹍Blogger 文章標題最佳化(2)

在 HTML 標籤之中，H1～H6 標籤主要用途為標題的使用。同時搜尋引擎認為標題包含的 "關鍵字" 更為重要，因此網頁如何配置 H 標籤(主要是 H1、H2、H3)，是 SEO 需要注重的一環。 在 Blogger 官方範本中，各個 H 標籤的安排，並非...

Google 自訂搜尋改良版__兩欄式更方便 (Blogger 專用)

在部落格設置搜尋框功能時，最佳選擇一定是「Google 自訂搜尋」。為何 Blogger 官方搜尋小工具不建議使用，原因在「 新版 Google 自訂搜尋 」有詳述，最主要的因素為， 這個官方工具並非使用 Google 搜尋引擎，導致搜尋結果不佳。 不過 Blogger 官方...

猜不透的 Google+ 專頁瀏覽次數？Blogger 站長賺到了！

今年的 4/1 開始，G+ 發布了一個新功能，在瀏覽 G+ 頁面時(無論是個人頁或是專頁)，可以看到瀏覽總次數的統計。這樣的設計，當然是為了增加 G+ 使用者的黏著度，就像 RPG 遊戲般，玩家很大一部份的樂趣來自於等級的增加、數字的提昇。 不過，看完自己的統計數字後，總會好...

發現被盜文時, 如何保護著作權及反制？

(Pic from: ewp.rpi.edu ) 談到盜文這件事，相信都是群情憤慨，就如同「 網站被 7headlines 框架 」事件一樣，誰都不喜歡著作權被消費或竊取。 網路上的盜文應該可分成兩個層次，一種是完整的複製貼上，另一種是內容重整(部份心得、部份複製)。不曉得...

修改範本 H1 H2 H3 標籤實用技巧﹍Blogger 文章標題最佳化(3)

上一篇「 符合 SEO 的 H1 H2 H3 標籤配置研究 」說明了在 Blogger 範本中，如何配置 H 標籤的概念。本篇則說明如何用最簡單的方法，來批次修改所有的 H 標籤，來達到較佳的 SEO 效果。 除此之外，在文章之中，還可運用各種 HTML 標籤，來達到加強 S...

404 錯誤頁面的友善設計__(2) 提供最佳建議網址 [加值文章]

這是系列文的第二篇，請務必先看完第一篇「 404頁面原理 」，了解最佳 404 頁面如何設計、如何找出錯誤頁面原本的正確網址及範例、先行安裝 Google 自訂搜尋等等。 完成準備動作後，本篇將說明如何安裝程式碼，以及版面設計可以自訂之處。 << 請注意！本...

[小工具]讓 Blogger 自動顯示系列文章

過去在撰寫系列文時，比較頭痛的一點是，在文末想列出所有的相關系列文章時，是一件麻煩的事情。而更麻煩的是，每增加一篇系列文，那麼之前所有的系列文，還得一篇篇去手動新增最新一篇的連結！因此整理系列文列表這件事，真是考驗耐心的絕佳試煉... 現在使用了本篇的系列文小工具後，不但安裝...

打造舒適閱讀體驗__讓 Chrome 只放大縮小文字(Zoom Text Only 套件)

由於每個網頁預設的字體大小不一，為了讓眼睛能舒適、長時間閱讀，縮放網頁文字是瀏覽器必要功能。Chrome 能藉由按下 Ctrl + + 、 Ctrl + - 來縮放頁面大小，不過這並非友善的閱讀設計，因為文字雖然變大了，但常常閱讀區塊也隨之變大，導致區塊右邊超出螢幕範圍，而看不...

Blogger 私密留言的三種替代方案 + 聯絡表單的應用方式

談到 "私密留言" 這個台灣部落格平台幾乎都是預設的功能，國外部落格平台幾乎都不會有，想要的話得自己找外掛或替代方案。也許國外平台認為，想要講悄悄話，不會直接寄 mail 給作者就好了，何必另外寫一個工具出來？ 如果以官方角度想也是有道理，在後台資料庫存放...

Blogger 自訂網址﹍設定子網域的技巧+解決裸網域的怪異現象

之前「 買網址的附加價值 」介紹了子網域的各種應用方式，就像名人住過的豪宅，房價總是能水漲船高；若是子網域內容出色，就能拉升整個網域的價值、提高這個網域在搜尋引擎的權重。 如果經營部落格時，自認不只專精一個主題，可以 利用 Blogger 開多個部落格，並且分別設定在子網域之...

404 錯誤頁面的友善設計__(1) 安裝 Google 自訂搜尋

當網址字串有誤時，伺服器會傳回 404 錯誤訊息，表示網址頁面找不到。為了不讓訪客流失，這些錯誤網址是在什麼原因下產生、如何設計 404 頁面，都是值得站長們深入研究的主題。 本文將會分析 404 頁面的相關事宜，並抽絲剝繭找出 404 頁面的最佳設計方式，及提供達成這種設計...

Blogger 檢舉盜文流程實錄

(Pic from: theiciexperience.blogspot.com ) 原本這篇流程紀錄，是要接在上一篇「 保存盜文證據 」之後，沒想到一眨眼不知不覺一年就過去了～ 還好測試了一下目前 Blogger 的檢舉畫面，發現跟以往差不多，因此去年的截圖依然有效。那麼...

西聯匯款領取 Adsense 綜合心得__含元大銀行紀實

2015.1.5 公告： 目前台灣領取 Adsense 的最划算的管道，是使用大眾銀行的西聯匯款，請參考這篇「 領取 Adsense 西聯匯款最優惠的方法﹍大眾銀行理財紀實 」。 領取 Adsense 收益最方便的管道當然是西聯匯款(備註:請參考「三、其他筆記事項」→「3. ...

[小工具]Blogger 相關文章 V2__安裝懶人包

「 舊版相關文章 」的安裝方式稍微麻煩、複雜一些，如果對 Blogger 範本的操作不太熟的讀者，可能就無法安裝成功。因此，這個新版本改成安裝懶人包的方式，算是一個步驟就能完成安裝，相信不會再有安裝失敗的情形發生。 另外，WFU BLOG 的工具更新不一定會有版本號，但這個相...

Blogger 行動版範本擺放 Adsense 廣告的簡易技巧彙整

(Pic from: aardvarky.com ) 現在手機的螢幕越來越大，使用手機搜尋資訊的比例越來越高。站長們應該可以理解，網頁版的廣告收益，勢必會有一部分的流失；而如果 Blogger 行動版的 Adsense 廣告經過適當地配置，相信能夠平衡網頁版的流失。 Blo...

[小工具]讓 Blogger 按下標籤後出現文章列表

2016.3.28 公告： 目前已發佈新版，請前往「 Blogger 標籤文章列表 V2 」 前陣子在 +coke tech  的「 首頁 」看到，怎麼這個標籤分類工具有點眼熟？原來就是「 Blogger 文章列表極速版__依標籤排列 」。當初設計這個工具的原意本不在此，不過...

Facebook 留言板安裝懶人包+留言 email 通知+自適應寬度

「 上一版 」留言 #5 +Lee Bruce 詢問能否改成自適應的版本。由於目前行動裝置的普及化，而各種行動裝置的螢幕寬度不一，因此舊版本只能固定 Facebook 留言框寬度的 px 值，的確不合時宜，於是本篇做了小幅度的修正。 另外，之前的文章一次說明了各種部落格平台...

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 某些記事...