WFU BLOG

「Google+留言框__與其他留言外掛並存」+留言提醒功能

(Pic from: google search) 安裝本文的工具，可解決訪客使用 G+ 留言框時，站長無法收到留言通知的問題。不過安裝之前，請務必配合閱讀這篇說明，以瞭解 G+ 留言框運作原理、各種可能遇到的狀況、及解決方法： 徹底解決 Google+ 留言框無法收到留言...

「G+ 留言框__官方安裝版」+留言提醒功能

(Pic from: google search) 安裝本文的工具，可解決訪客使用 G+ 留言框時，站長無法收到留言通知的問題。不過安裝之前，請務必配合閱讀這篇說明，以瞭解 G+ 留言框運作原理、各種可能遇到的狀況、及解決方法： 徹底解決 Google+ 留言框無法收到留言...

徹底解決 G+ 留言框無法收到留言通知的問題

(Pic from: google search) Google+ 留言框推出幾個月來，沒有留言通知與管理介面的問題一直未見改善，導致訪客何時在哪篇文章留過言，站長沒有管道可以察覺這件事，一切只有 "隨緣" 兩字堪可形容，因此國外許多的 Blogger 部落...

[教學]快速回到頂端(Go Top)按鈕__符合使用者體驗的友善設計

(Pic from: shimivn.blogspot.com ) 「回到上方」的按鈕是很常見的網頁設計，且 code 不難寫。那麼特地撰寫本文的目的為何呢？其實主要是拜讀了 Bin Ye 的「改善 Google Blogger 返回頂部按鈕的使用體驗」(連結已失效)覺得很有道...

[教學]讓部落格導覽列選單能浮動置頂

寫完「 部落格浮動側邊欄 」之後，對於這樣的功能還可以有什麼樣的應用，直覺想到的是水平導覽列選單(也就是 Blogger 的 "網頁" 小工具)，認為直接把程式碼拿來套一下應該就能浮動置頂、凍結在網頁的最上方。 2013.12.20 公告： 由於本篇程式碼...

Opera 15 調校心得__首頁+滾輪換頁(滑鼠手勢)+書籤列+Gmail

在使用 Blogger 之前，一直是 Opera 的愛用者，可惜 Opera 與 Blogger 不太相容，為了網頁的展現效果只能轉投 Chrome 陣營。 不過現在 Opera 改採 Chromium 引擎後，Blogger 網頁得以正常顯示，加上越新版本的 Chrome ...

可以取代新版 Opera 15 或 Chrome 書籤列的快速書籤選單

(Pic from: iconarchive.com ) 新版 Opera 15 摒棄書籤及書籤列，認為用「快速撥號」可以取代，但相信沒幾位使用者能夠同意這件事。其操作不但花時間，「快速撥號」畫面能擺放的網頁 logo 也是有限。 我想到的解決方法為利用滑鼠手勢套件，藉滑鼠...

讓新版 Opera 15 能滾輪換頁+滑鼠手勢加強

Opera 引領先驅的原生滑鼠手勢系統，在新世代的 Opera 15，竟被縮編到剩下五種手勢，這應該是支持者最失望的一部份了。能有一點小安慰的是，Opera 15 可經由安裝套件後，移植 Chrome 的套件在 Opera 上使用。由於 Chrome 的眾多滑鼠手勢套件並非為了 ...

讓新版 Opera 15 能使用首頁功能+搬移暫存檔(cache)路徑

(Pic from: findicons.com ) 新世代的 Opera 換了引擎核心後，最為人詬病的其中一個項目為 "無法設定首頁"。其實沒有首頁功能不是很嚴重，如果能每次開啟瀏覽器，都固定出現快速撥號頁面，也是不影響作業。 偏偏 Opera 15 ...

讓側邊欄 Adsense 廣告出現在吸引目光的位置 [加值文章]

上一篇寫了「 部落格浮動側邊欄 」後，原本的應用是要讓 Google Adsense 廣告能夠在側邊欄浮動、增加讀者的注意力。還好沒釀成大錯，即時發現「 Adsense 的官方規定 」是不允許這樣做的。 根據閱覽經驗，當讀者觀看部落格的文章時，目光焦點大多集中在本文區塊，這也...

[教學]部落格浮動側邊欄(浮動廣告)__改良精簡版

浮動側邊欄是效果很不錯的一個網頁設計，這個浮動區塊不會隨著畫面捲動而消失。站長可將想特別強調的內容、傳達的訊息、甚至是廣告內容放入這個區塊，而達到強力曝光的效果。 一開始敘述的是原理及過程，想直接安裝程式碼請跳「二、準備動作」。 P.S. 為了避免誤會，右邊的浮動廣告圖案...

[小工具]Blogger「單篇文章瀏覽數」更新版﹍Google Analytics應用

(Pic from: psdgraphics.com , freevectorgraphics.org ) 2015.3.27 公告：由於 Google 試算表全面強制升級，本篇的程式碼已經無效，請前往新版安裝網頁「 Blogger 單篇文章瀏覽數 V2 」。 舊版「 讓...

如何將 Google Analytics 數據同步到 Google 試算表__(二)試算表操作

2015.3.27 公告：由於 Google 試算表全面強制升級，本篇的程式碼已經無效，請前往新版安裝網頁「 Blogger 單篇文章瀏覽數 V2 」。 接續「 上一篇 」，本篇說明 Google 試算表取得 Google Analytics(以下簡稱 GA)數據的操作步驟...

如何將 Google Analytics 數據同步到 Google 試算表__(一) 資料查詢與身份認證

2015.3.27 公告：由於 Google 試算表全面強制升級，本篇的程式碼已經無效，請前往新版安裝網頁「 Blogger 單篇文章瀏覽數 V2 」。 過去曾在「 讓Blogger能顯示單篇文章瀏覽數 」，將 Google Analytics(以下簡稱 GA) 的數據讀取...

[教學]選擇喜歡的圖片當作 Blogger 文章縮圖(封面圖)

Blogger 抓取文章縮圖的原理為，選取文章中的第一張圖片。而 +Ida Wu 在這個「 Blogger 中文社群討論串 」詢問："我的blog首頁是套用magazine版面，我能決定每一篇文章的封面照片是哪一張嗎？...除了第一張，不能自選囉？" 雖...

Blogger 私密文章更新版__注意事項及使用技巧

「 舊版私密文章 」的「三、其他必要動作」提到一些注意事項，由於未考慮到某些情境，故現在把注意事項作些更新。

Blogger 私密文章更新版__使用說明

2016.4.9 公告： 因 Google Drive 外連失效，請勿使用本篇的程式碼，請改用這篇文章的方法即可：「 Blogger 私密文章的另一種選擇__網頁小工具的妙用 」。 「 舊版 Blogger 私密文章 」 +Lee Bruce 留言表示：「我覺得大家比較想...

[教學]幫網頁安裝「一鍵訂閱到 Feedly, InoReader, The Old Reader」的按鈕

(Pic from: joshrimer.com ) 隨著 Google Reader(以下簡稱 GR) 的關閉，本站各處原本的「 一鍵訂閱 GR 」按鈕也失去作用。雖然有無限的感傷，不過還是得補上其他 RSS 閱讀器的一鍵訂閱按鈕。在網站提供 RSS 閱讀器一鍵訂閱的按鈕，除...

Blogger 文章列表極速版﹍(5) 依日期排列及「+1」統計

這個版本的文章列表，跟其他版本狀況的不太一樣，並未公開安裝的程式碼。而實情是，就算安裝碼公開了也沒作用，因為沒有資料庫可以讀取，因此乾脆不公開。

無痛轉換 Google Reader 的四種替代方案比較 (Feedly)

雖然一度覺得 Google 可能會看在眾多擁護者的份上，最後關頭決定不關閉 Google Reader(以下簡稱 GR)，或改以別的形式繼續存在(例如併入 Google+)；但最近只要打開 GR，都會秀出即將於 7/1 關閉的訊息，代表 Google 心意已決，看來早日比較各個方...

讓 Android 設備鋰電池能正確充電、增加循環次數的 App

(Pic from: Google Play ) 鋰電池正確的充電方式為何，一直以來有很多種說法，例如「前幾次要完全放電」、「可以一直放在充電座上」等，但正確性卻是不得而知。在「 數位工作研究會 」 +Li-Chi Ku  發表的「 討論串 」，介紹了一篇國外文章，由於經過實驗...

[教學]Blogger 修改留言頭像尺寸及形狀的 CSS 語法

(Pic from: freepik.com ) Blogger 預設的留言頭像為正方形，有沒有發現「 Google+ 」使用的頭像為圓形？由於 Blogger 預設的頭像尺寸很小，如果想將原本的正方形直接改為圓形，頭像會顯得太小。 所以得先將 Blogger 頭像的長、寬...

取代 Google Code 外連 js 檔的選擇__Google Drive(取得檔案外連路徑的簡易方法)

(Pic from: pocketables.com ) 感謝 +Ken Lo 通知，之前的文章「 Google Code 簡易使用教學 」方法已經失效，原來官方已於 2013/5/22 宣布中止新使用者的上傳下載服務──「 A Change to Google Code D...

部落格宣傳的小技巧__(二)找出 Yahoo 知識、Mobile01、PTT 的 RSS 網址

接續「 上一篇 」，本篇的內容為找出各大論壇看板 RSS 的操作、應用案例、及對 Blogger 的好處。

部落格宣傳的小技巧__(一)用 Yahoo Pipe 訂閱論壇、Yahoo知識、PTT特定文章

如何宣傳部落格一定讓每位站長絞進了腦汁，有時在論壇、或別人家露骨地宣傳，操作方法不當是有可能引起反感及產生反效果的，這篇「 七個方法教你在別人的部落格留言，提昇自己的能見度 」提供了一些留言的技巧以供參考。 而另一篇文章「 文章發佈後的檢查清單－提昇部落格曝光度的五個方法 」...

保存部落格盜文、盜圖證據的工具__archive.is 應用

(Pic from: web-hosting-critic.net ) 當部落格開始出現留言機器人、或被盜文後，心裡會很不悅、甚至感到憤怒，不過以正面思考的角度，這也代表部落格的質量提升為新的等級，一方面有值得欣慰之處，一方面也是需要學習 "新技能" 來打擊...

訂閱最新文章及資訊

WFU BLOG 研究範疇為「 Blogger 部落格建構 」、「 網頁設計及技巧 」、「 網路數位雲端 」等各種應用及心得技巧，而本站的「 Google+ 專頁 」則每日從網路精選以上主題的最新資訊。如您不想錯過任何的最新文章或資訊，歡迎使用以下各種管道訂閱：

Blogger 私密文章的偽裝方案﹍隱藏文章的工具

從別的部落格平台搬到 Blogger 的站長，應該有不少會懷念「文章上鎖」的功能，這在其他平台是常見的設計，但不知為何 Blogger 就是不開放？也許是 Google 以搜尋引擎起家，不希望大家都把文章上鎖，那麼機器人就沒文章可爬了吧！ 本文要提供的語法及技巧，可讓需要私密...

在部落格安裝讓粉絲提問的留言框__Ask.fm

每個部落格都有其特定的主題，訪客在留言板的訊息，也多半是圍繞這些主題；除了廣告留言之外，很少會有 "超展開" 的提問。 而隨著部落格的成長，多少會有讀者開始關注部落格主題之外的事務，例如對格主產生好奇──他是怎麼樣的一個人呢？他的興趣會是什麼？ 這就是...

G+ 留言框「網頁版」__更新版

2016.4.9 公告： 因 Google Drive 外連失效，請勿使用本篇的程式碼，請改用新版「 Google+留言框__與其他留言外掛並存+留言提醒功能 」，當訪客留言時，可自動顯示留言提示訊息，能有效解決站長收不到 G+ 留言通知的問題。 前幾天 G+ 進行大改版，...

讓 Blogger 有快速載入的展示(DEMO)頁面

(Pic from: midches.com ) 有時我們可能需要一些「展示頁面」，來秀出某些網頁效果(例如語法教學網頁)、或展示特定資訊(例如「 文章列表 」)，這樣的頁面最好能載入速度快，頁面上只需要出現 DEMO 的主題，不需要出現側邊欄、其他小工具。因此，在 Blogg...

讓作者頭像(Google Authorship)在搜尋結果恢復顯示

(Pic from: freepik.com , danzxncrd.blogspot.com ) 前陣子在電腦玩物站長  +esor huang  的「 G+ 討論串 」 得知，他原本「 Google Authorship 」使用的卡通頭像失效了。由於我原本也是使用 3D 卡...

讓 Google 網頁翻譯工具以(國旗)超連結執行

(Pic from: securityledger.com ) 「 Google 翻譯 」除了提供多國語言線上翻譯的服務，另外也提供小工具可安裝在部落格，能將網頁內容轉換成指定的語言。 以 Blogger 為例，在後台即可新增官方提供的「翻譯」小工具。如果網頁內容不複雜，沒...

購買 Nexus 7 之省錢心得

(Pic from: google.com ) 最近入手 Google 出品的平板 Nexus 7，記錄一下購買全新 Nexus 7(非二手)的過程與心得，酌供意者參考。

贊助 WFU BLOG 的管道及功能需求建議

如何贊助 WFU BLOG

Blogger 轉換為 G+ 留言系統的各種方法

Blogger 最近推出的 G+ 留言框，如果是未修改的新範本，都可順利轉換留言系統；但如果是修改過的範本、或舊範本的話，就不一定能成功轉換。 如果不介意另外安裝程式碼，可參考「 Google+ 留言框 "網頁版" 安裝說明 」；如果想使用官方的版本，可參...

G+ 留言框「網頁版」安裝說明

Blogger 最新推出的功能──將 Google+ 留言系統取代原留言系統，其功能十分強大，知名部落格們在這幾天已經有好幾篇介紹，可參考「 邀請大家協助電腦玩物測試 Google+ 全新網誌留言系統 」、「 Blogger 與 Google+ 新增留言外掛深度結合 」即可瞭解這...

[教學]Blogger 範本﹍(3) 文章及留言區塊的程式碼

本篇的內容為 Blogger 範本中，文章及留言區塊的程式碼整理，並附帶簡單說明。建議參考系列文「 第一篇 」，將範本中的每個區塊加上註解，如此日後搜尋、修改都很方便。 為了避免提供的程式碼錯誤，特地開了一個全新的網誌(使用新範本)，以確保本系列文提供的程式碼是最乾淨的狀態。...

Blogger 新手入門（筆記）

一、官方、非官方管道 Blogger 官方整理了不少詳細的資料，對於瞭解 Blogger 的概念很有幫助── ◎ 「 Blogger 入門指南 」 ◎ 「 Blogger 說明 」 本站建立了非官方的 FB 社團，整理了很多有用的資源供新手參考── ◎ ...

三國志11__251 陶謙開局__固守小沛大作戰

PTT KOEI 板有人詢問 251 陶謙小沛開局，以下為發表於該板的內容── 趁連假期間解一下這個開局。由於 step by step 的製作耗時，本篇針對重點說明，不過相信讀過部落格其他戰記的朋友應該可以看得懂。

電影播放時間自動通知__(二) EMAIL 訂閱__IFTTT 應用

接續「 上一篇 」，本篇先介紹如何測試 Yahoo Pipe 的電影篩選結果，然後說明用 Email 訂閱 RSS 的最佳方案。

電影播放時間自動通知__(一) RSS 訂閱, Yahoo Pipe 及 IFTTT 應用

你也喜歡看電影嗎？長久以來，為了查詢第四台電影播放時間，往往需要花費許多時間。由於 頻道業者能提供的節目時刻表，大多是未來的二～四星期，為了找出哪些好看的電影，我們只能定期不斷地做 "主動查詢" 的動作 。 為了讓「看電影」這件事更有效率，我的構想是，能否...

[教學]Blogger 範本﹍(2) 標頭、導覽列、側邊欄、頁尾區塊的程式碼

本篇的內容為 Blogger 範本各個區塊的程式碼整理，包含除了文章區塊外的所有區塊(標頭、導覽列、側邊欄、頁尾區塊)，並附帶簡單說明。建議參考系列文「 第一篇 」，在範本中加上註解，如此日後搜尋、修改都很方便。 以下大標題依照範本中出現的順序排列──

新版「Google 自訂搜尋」與「Google Adsense」的連結及如何關閉廣告

(Pic from: oqzigen.blogspot.com ) 接續「 上一篇 」，本篇的內容為處理「Google 自訂搜尋」的廣告相關操作。

[教學]取代 Blogger 搜尋小工具__新版「Google 自訂搜尋」

2016.1.8 公告： 使用「Google 自訂搜尋」若覺得載入速度比較慢，可安裝這個「 Blogger 最強搜尋框工具 」。 最近使用 Blogger 官方的「搜尋框」小工具時，忽然發現所有的字串搜尋都顯示 "沒有結果"！於是逛了一下別的 Blogge...

利用 Google 試算表當小型資料庫 (2)讀取、儲存資料庫__更新

(Pic from: veryicon.com ) 2022/5/25 公告： 2021 年中 Google 試算表改版後本篇方法已失效，請改用「 操作 Sheet API 讀取 Google 試算表取得 JSON 資料 」。 由於本文為更新版的內容，主要是修正舊文的參數，關...

用 Google Takeout 備份 Blogger 網誌資料

「 Google Takeout 」是 Google 提供的一個服務，用來將旗下產品的雲端資料匯出，例如 YouTube、Picasa、雲端硬碟等。 最近這個服務新增了「Blogger」的匯出功能，也是本文要介紹的內容；至於 Takeout 的詳細介紹及其他產品匯出，可參考「...

[教學]Blogger 範本﹍(1) 各種註解方式及區塊的修改

這個系列的文章共有三篇，目的是為了方便修改 Blogger 範本時，可快速找到正確的修改區塊。先前發表的「 讓Blogger能顯示 "單篇文章瀏覽數" 」，由於這個小工具每個人想擺放的位置不一定都一樣，如此要說明擺放位置變的異常困難。 於是將範本的各個重要...

利用 Google 試算表當小型資料庫 (1)製作資料庫__更新

(Pic from: veryicon.com ) 最近「 Google 問卷進行了改版 」，導致先前的系列文章「 利用 Google 問卷(試算表)當小型資料庫 」，在新版下將不適用，因為 Google 問卷的某些網址、參數格式做了變更。 為了讓新版 Google 問卷也...