Blogger 是否搬家到 Wordpress 的比較﹍部落格經營觀念釐清

(Pic from: sehabitat.com ) 部落格的成長週期若是大略區分,可看成三個階段: 1. 免費部落格平台: 例如痞客邦 2. BLOGGER 3. 自架站: 例如 Wordpress(簡稱WP)等需要租用主機的平台 這三個階段有何差別,花簡短篇幅來...

繼續閱讀全文

Fancybox, 優雅又八面玲瓏的 jQuery 燈箱外掛 (1)安裝教學

2016.4.13 公告: 為了避免上傳檔案、尋找免費空間的麻煩,最簡單的安裝方式請直接參考這篇「 Fancybox 燈箱外掛 CDN 安裝懶人包 」。 圖片為主的網站若使用燈箱效果,當特效執行時,相信能給予讀者很有質感的加分印象。而這次介紹的 fancybox 燈箱外掛,...

繼續閱讀全文

在 Blogger 標籤動手腳, 擺盜文者一道!

(Pic from: Lois Lin FB ) 前幾天「 蘋果報導 」了一位美少女部落客,在文章安插「台灣是主權獨立的國家」字串,讓盜文者貼到大陸網站而渾然不覺,為何她能成功呢? 因為她把字串埋在標籤,而一般讀者看完本文後,通常不會注意標籤的字串,最後 copy &...

繼續閱讀全文

為何瀏覽數會爆增?揭開 Blogger 快樂流量的真面目

(Pic from: 3dprint.com ) 曾寫過一篇「 Blogger 後台文章瀏覽數與 Google Analytics(簡稱GA) 數據差別很大的原因 」,大致說明 Blogger 與 GA 各自的計數原理。 當然,在正常的使用下,Blogger 官方的統計數字...

繼續閱讀全文

部落格熱門文章排行榜﹍依照「按讚數」,「瀏覽數」,「+1 數」

本篇的熱門文章排行榜工具,需要額外製作後端的試算表資料庫,來儲存所有文章的統計數據,無法只靠前端的程式就能執行,因此屬於需要付費的客製的工具。 製作上讀者需要先提供網站資料、及一個新的 Google 帳號給 WFU,並在後台把我設為管理員,才能進行所有的作業,流程不少,因此不...

繼續閱讀全文

[教學]Google+ 分享文章時,如何讓縮圖以大尺寸呈現?

以前在 G+ 分享文章時,縮圖的尺寸比較小。現在他們了解到,社群行銷大圖才是王道!因此我們漸漸可以發現,目前很多 G+ 貼文的縮圖,都是以 "滿幅" 的大圖呈現,能夠快速吸引讀者的目光。 那麼需要具備哪些要件,才能在分享到 G+ 時,讓縮圖以大尺寸顯示呢?...

繼續閱讀全文

Blogger 各種疑難雜症發問管道, 及提問注意事項

(Pic from: pichost.me ) 相信 Blogger 使用者一定會有許多大大小小的問題、或各種需求,但 Blogger 這個平台跟台灣其他部落格不同,沒有客服人員能解答,只能靠使用者互相幫忙。 這篇文章提供使用者提問的管道,以及說明發問時應了解的技巧,有助於...

繼續閱讀全文

[小工具]幫 Blogger 安裝三種留言分頁 (含 Google+ 及 Facebook 留言板)

2015.9.4 公告: 若因未將 js 檔分流,而導致留言分頁無法顯示,請重新安裝本文程式碼,並自行將 js 檔分流! 部落格常見的留言板外掛有 G+、FB、Disqus 等留言板,如果能同時擺放幾個留言板是有他的好處(後面會分析),但多個留言板並存時,隨之而來的是版面凌亂...

繼續閱讀全文

Blogger 行動版 Adsense 廣告如何追蹤成效?

之前「 在 Blogger 行動版放 Adsense 廣告 」,由於本站讀者特性多為使用網頁版,因此一直未有動力追蹤行動版的成效。 過了幾個月後,現在覺得應該會有數據來分析 Blogger 行動版投放 Adsense 的效用,作為是否該使用自適應版面的評估。結果赫然發現, 在...

繼續閱讀全文

長時間瀏覽網頁眼睛不舒服嗎?快使用高對比模式 (Chrome 套件)

電腦螢幕的製程越來越進步,開發出成本越來越低、更省電、顏色更鮮艷的零組件,從 CRT → LCD → LED,然而對眼睛的傷害卻是越來越大。原本 LCD 的背光已經不適合眼睛長期直視,但更慘的是,目前市面上只能買到光線更強的 LED 背光螢幕(新品)。 要讓眼睛對抗強光、調適...

繼續閱讀全文

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,所以剛好來一次解決這...

繼續閱讀全文
TOP