WFU BLOG

[網站登錄教學] Google 網站管理員的活用方法﹍我的例行待辦事項

(Pic from: awesomelytechie.com ) 有讀者詢問「看了好多的SEO教學文章， 為何我網站的文章 Google 引擎還是難以搜尋到？ 」，這樣的情況通常出現在新網站，而使用 Google 網站管理員，就能檢視搜尋引擎的索引狀況。另外一個常見的問題是「 ...

Blogger 留言數量提示字串修改

如果有注意 Blogger 官方留言數量這件事的站長，大概會發現，官方預設的提示字串不太合語意，看起來怪怪的。 當文章沒有留言時，首頁提示的字串顯示為「 沒有留言： 」，多個冒號不知何意，且不管有幾則留言都會出現這個冒號。還有，一般會比較習慣看到 "數字"...

Email 傳送檔案到 Dropbox 的各種應用情境 (Send to dropbox)

Dropbox 算是雲端備份工具的龍頭，除了基本的同步功能，現在還能外連檔案、架設網站。他自身的功能已經夠強悍，再搭配各種第三方外掛，應用層面真的非常廣。 本篇要介紹的是 WFU 一直在使用的外掛「 Send to dropbox 」，主要用途為 利用 Email 傳送內容或...

Blogger 文章不小心誤刪了怎麼辦？救回及善後技巧整理

前陣子剛發生「 Blogger 網站消失 」的事件，現在又有讀者於「 Blogger 批次修改標籤的方法 」留言 #12 表示 " 有什麼方式能救回來誤刪的文章? "。相對之下，雖然「網誌」被誤刪聽起來比較嚴重，但 「文章」被誤刪的話，可能比網誌更難救 ，因為...

Blogger 提供新的網站地圖(sitemap)格式﹍一勞永逸的提交方法

過去 Blogger 要提交網站地圖到「Google / Bing 網站管理員」時，其實有點小小的麻煩，因為 Blogger 提供的兩種格式 Atom/Rss，無法儲存太多資料，一個 sitemap 網址最多能存放 500 篇文章，超過時只能手動分開提交。 現在 Blogge...

CSS tooltip 進階探討﹍(3) 讓提示框顯示圖片及應用方式

CSS tooltip 系列文前兩篇「 安裝懶人包 」及「 疑難雜症排除 」詳細說明了安裝及解決所有問題的方式。而 +Ken CHEN  提出了「 CSS tooltip 能否顯示圖片 」的問題，答案雖然是可以，但很麻煩，且需要考量的因素不少。 +Mark X  在前一篇留言...

Blogger 網站突然消失了怎麼辦？(網誌被刪除案例分析)

(Pic from: blogolect.com ) 最近有位苦主發生「 Blogger 網誌被移除 」這樣的悲劇，經營許久的部落格，突然間網址消失、進不去。看到網誌不見一定很令人錯愕，長久花費的心血都沒了。 Blogger 網誌被刪除的案例在國外有很多，多半是被判定或檢舉...

[教學]檢查 Google 帳號是否被盜用﹍查詢最近登入的 IP 紀錄

為了避免 Google 帳號被入侵、或盜用，官方有提供帳號最近一個月內登入的詳細紀錄，可查詢從任何裝置(行動或PC)的使用記錄，若看到可疑的裝置登入我們的帳號，可立即移除該裝置。 不過最近發現查詢記錄的頁面及流程都不太一樣了，因此稍微做個圖文筆記，方便將來查閱。

假日大台北何處去？訂閱旅遊部落格「特定分類標籤」文章之技巧

由於 WFU 住台北，假日不想跑太遠時，會選擇在大台北地區逛逛、健行等等。拜旅遊類優質部落格眾多之賜，只要挑選幾個內容豐富、經常更新的指標性網站來訂閱文章，就不太需要煩惱到時跟家人的旅遊去處、或是有沒有新的熱門景點出現。 不過身處大數據(Big Data)的時代，資料篩選是一...

領取 Adsense 西聯匯款最優惠的方法﹍大眾銀行理財紀實

上次從「 元大銀行領取西聯匯款 」時，得知大眾銀行很快就會開放「網路領取西聯匯款」，便決定下次要改循此管道，將來不必再跑銀行。 這次有機會再領取 Adsense，果然前陣子大眾銀行已經開通此功能，因此很高興地前往附近的大眾銀行開戶。不過本篇的內容並非介紹開戶與領款的流程，網路...

會員系統點數加值說明

個資及隱私權保護宣告 (Privacy Policy)

(Pic from: felipegodoy.wordpress.com )

簡單漂亮的 CSS tooltip 提示框﹍(2) data-title 設定 + 疑難雜症排除

上一篇「 CSS 提示框懶人包實作 」說明了 CSS tooltip 原理，不過懶人包畢竟無法處理各種變數，留言提出了各種異常狀況，因此本篇仔細說明不同狀態下的解決方式。 << 請注意！本篇文章含會員限定內容 >>

簡單漂亮的 CSS 提示框(tooltip)懶人包實作﹍(1) 動畫效果 + 置中演算法

HTML 標籤屬性 title 裡的提示訊息，在瀏覽器差不多延遲一秒才會出現。在資訊爆炸的時代， 訪客閱覽文章多半施展 "超速讀"，相信更不會有耐心去臆測某個地方是否藏著 title 屬性、或等待一秒後的訊息浮現 。使用 javascript(簡稱 js) ...

聖誕音樂點唱機﹍部落格應景外掛

首先感謝 +Mark X  製作的「 聖誕節佈置懶人包 」，每年節慶期間都可從倉庫中取出，重新在網站上裝飾一番。這組套件包含了網頁背景、雪花效果、滑鼠游標、以及最重要的主體──音樂點唱盒。 原版本包含了貓咪、小朋友、及水晶聖誕音樂，由於今年想要變換一下音樂，於是徵求了 Mar...

CSS3 漸層語法產生器﹍計數器背景實作(1)

使用 CSS 產生的漸層效果很棒，不過這些複雜的語法參數對一般使用者而言，跟看到天書是差不多的。在這個「 Blogger 中文社群討論串 」 +綜合口味  推薦了這個線上 CSS 漸層語法產生器「 Ultimate CSS Gradient Generator 」，且 +Mark...

[外掛] jQuery 圖片延遲載入﹍Lazy Load 安裝懶人包 (徹底解決圖片 reflow 現象)

當網頁圖片多的時候，「 影響效能的最大因素就是圖片載入 」。除了縮減圖片尺寸、壓縮檔案來縮短傳輸時間之外，更好的改善方法是讓圖片能延遲載入，先讓頁面把主要文字內容優先顯示出來──這正是 jQuery 圖片延遲載入外掛「 Lazy Load 」的作用。 好的，本篇的程式正是為了...

[教學]Facebook 讚按鈕﹍四種安裝方式深入剖析

Facebook 與 Google 這樣的網路龍頭有著共同特色，不斷嘗試、修正錯誤，功能持續更新，因此產品的說明文件很難多年保持不變。讚按鈕(like button)經過多年的演化，已經跟當初不太一樣。雖只是約 38x20 像素的區塊，他的安裝方式、設定選項與應用方式，其實多得超...

讓網頁根據訪客語言設定, 自動轉換簡繁文字 (切換按鈕升級版)

上一個版本「 相容各大瀏覽器的全網頁簡繁快速轉換語法__更新版 」FB 留言 Herman Tsao 詢問「 能做成依瀏覽器語言做自動轉換嗎? 」，其實偵測訪客的瀏覽器語言設定是做得到的，我們應該有這樣的經驗，某些安裝 Google 翻譯的網站，能得知我們的預設語言，在畫面上自動...

[教學]減少網頁 reflow(回流) 的 CSS 實作技巧﹍優化網站效能(3)

在增進網頁效能的執行事項之中，減少瀏覽器回流(reflow)是重要的一環。然而 reflow 這個名詞不常見、且翻譯也不易理解，不如稱之為「瀏覽器重新佈局」、或「網頁區塊重新安排」會來得白話一些。而為何要減少 reflow？因為它會 造成 CPU 無謂的重複運算，消耗瀏覽器效能及...