2015年7月30日

避免使用 PICASA 網路相簿圖片外連,會造成 Google+ 及 Blogger 縮圖失效

picasa-google-photo-blogger之前曾寫過一篇「Google Drive 當圖床對 Blogger 的不好影響__使用 Picasa 的三大好處」,主要是因為 PICASA 的圖片網址,能夠產生各種縮圖尺寸,這算是 Google 非常高竿的獨家技術。

不過 Google 前陣子推出了同質性的新產品「Google 相片」,這個決策似乎影響了「PICASA 網路相簿」,從七月以來發生了一些災情:

1. Blogger 縮圖失效:詳細情形請見「Blogger 相關文章 V2__安裝懶人包」的留言 #43 ~ #45。

2. Google+ 縮圖失效:詳細情形請見這個「Blogger 中文社群討論串」。

針對這些狀況,有必要瞭解一下如何因應,如果習慣使用 PICASA 網路相簿的讀者,請詳讀本文的分析,我們要討論可能的替代方案:
  • Blogger 上傳圖片
  • Google+ 相片(相簿)
  • Google 相片(相簿)
2015年7月28日

Blogger 放大留言頭像尺寸的 JS 語法

過去曾寫了幾篇關於修改 Blogger 頭像尺寸的文章,例如「舊範本修改各種身份頭像」、「新範本修改留言頭像尺寸及形狀的 CSS 語法」。

不過最近 +toa to 於這個「Blogger 中文社群討論串」表示, "最近發現,雖然把頭像變大了,但網址還是s35-c,導致圖片看起來很模糊"。後來仔細想了一下,當初寫 CSS 修改語法時,並不會有這樣的問題,那麼大概是 Blogger 有什麼地方做了變動,因此無法再用 CSS 語法就能處理這件事。

以下先大致說明前因後果、需要解決的問題,想直接安裝請跳「二、準備動作」。

(圖片出處: pixabay.com)
2015年7月24日

安裝 PAYPAL 贊助+分期付款(訂閱)按鈕﹍以及使用心得

paypal-button前陣子幫讀者處理 PAYPAL 贊助按鈕的設置,加上還有分期付款的需求,藉這機會整理一下心得,讓有需要的讀者參考。

雖然網站很久以前就放了 PAYPAL 贊助按鈕,不過到後來發現贊助的使用率較少,反而是支付的使用較多。因為轉帳對於某些族群比較麻煩,而 PAYPAL 的「信用卡支付」功能,可一定程度提高交易的成功率。

如果你的網站提供了某些服務或商品(例如「諮詢與商品販售」),可以讓使用者進行消費;或是以經營權威網站為方向,內容足以讓讀者進行贊助,那麼在草創時期、資金不足以建構金流的時候,PAYPAL 能夠在 "免架設成本" 之下幫我們解決這件事,是一個不錯的選擇。

2015年7月17日

網頁使用自製紋理背景﹍雜點+拔絲+再生紙效果實作 [CSS 技巧]

noise-background過去本站各個區塊一直都是使用單色背景,稍微比較沒質感,而好處是網頁載入速度會快一些。前陣子剛好有讀者詢問哪裡可以找到不錯的紋理背景圖案,因此稍微研究了一下這方面的資訊,順便幫網站背景換上自製的紋路,不過就是得稍微犧牲幾個 http 請求。

其實網路上的免費背景圖資源非常多,可以找到各式極有質感的圖案。為何 WFU 選擇自製?主要是越好看的背景,圖檔也越大,得花更多的載入時間。因此最後找了一些簡單的小尺寸圖案,加以變化後竟也弄出不錯的效果。

以下分享我的實作心得,根據這樣的原理,相信讀者可以做出比我更好的效果。

2015年7月10日

部落格「會員系統」啟用

member-support從去年九月「會員中心」試營運以來,最近終於將預計規劃的功能全部上線,同時也感謝讀者的支持,目前已經累積了超過一千名會員。

究竟為何需要加入會員?使用會員中心有什麼好處?正式營運又有什麼優惠呢?請見以下詳細的說明。

(圖片出處: hartsplumbingwa.com)
2015年7月8日

讓 Google 問卷(表單)能自動計分 V2

google-form-auto-score由於 Google Drive 全面更新為新版雲端硬碟,過去曾寫過的「讓 Google 試算表製作的問卷試題能自動計分」,某些舊試算表函數功能已經被廢除,導致在新版試算表,將無法執行舊版自動計分的功能。

如果你的 Google Drive 還保有一些舊版檔案,那麼或許可以套用舊版的自動計分製作方法。如果是新的 Google 帳號,會被強制使用新版雲端硬碟,那麼就得改用本篇的流程來製作問卷表單了。

(圖片出處: pixabay.com)
2015年7月6日

會員中心贈送點數限時活動 (20150706 - 0715)

20150716 公告:解答已公佈在「二、作答題目」

試營運已久的「會員中心」,最近即將宣布正式營運,同時也會有一系列活動,例如開幕期間,「會員加值文章」所有的 "Blogger 工具" 都只要 50 點即可兌換

如果你是長期關注本站的忠實讀者,且已經加入會員,現在 WFU BLOG 舉辦的限時贈點有獎徵答活動,參加期限只有 10 天,答對越多可拿到越多點數,換得更多獎品。

還沒加入會員也沒關係,只要有 FB 帳號就能立即加入(本站右上角的「加入會員」按鈕),請把握時機趕快參加吧!

2015年7月3日

讓網頁顯示特定中文字型﹍安裝實作教學

chinese-custom-font在網站使用中文字型是個大問題,由於字型檔在現有的網路速度下,過長的傳輸時間讓我們不能隨心所欲使用喜歡的字型,也因為如此,只能遷就訪客作業系統現有的字型,例如「網頁中文字型除了微軟正黑體, 還有這些好選擇!」。

這篇「使用 UNICODE 特殊符號取代網頁小圖示」,使用了 CSS3 的語法,可以讓網頁只載入字型檔中特定的字元,而不必載入整個字型檔。從而舉一反三,龐大的中文字型檔,使用了這個技巧後,就可以只載入指定的文字,節省了大量的傳輸時間,以下就來看看怎麼實作吧!