分享文章到 Facebook 的 Meta 設定﹍縮圖+標題+摘要+作者資訊

最近剛好有幾位讀者都詢問到 FB 分享文章時,會遇上的各種狀況,例如標題、摘要敘述無法正常顯示,或是想要自訂縮圖等等。 這些問題牽涉的層面不太簡單,需要瞭解的知識不少,例如 FB 自己制訂的 Open Graph 標記規範。不過網路可以找到的解答文章倒是不少,因此這些任務可...

繼續閱讀全文

高畫質免費圖庫搜尋引擎(CC0)﹍2015 版

為了方便從網路搜尋,及使用合法、無爭議的免費圖片,製作了一個「 CC0 免費圖庫搜尋引擎 」,可以一次同時搜尋所有 CC0 免費圖庫。 有了這個搜尋引擎,可不必再單獨進入個別圖庫網站,來做個別搜尋的動作,這也代表製作網站使用的圖片,可節省不少流程與時間。 使用說明及介紹...

繼續閱讀全文

可商業用途及修改的高畫質免費 CC0 圖庫整理

經營部落格或網站,為了尋找、使用合適的圖片,得花上不少時間與心思,畢竟圖片是吸引注意力及增加訪客停留時間的重要因素。過去一向使用 Google 來搜尋圖片,因為這是樣本資料庫最大,且最省時省力的方式。但其實這麼做有風險,因為 我們沒有足夠的時間來找出每張圖片、每個網站的使用條款...

繼續閱讀全文

讓 Blogger 樹狀標籤只顯示真實標籤名稱

「 多層樹狀標籤 」是開站以來,Blogger 最熱門的工具,由於與第二名的差距太大,相信將來寶座的位置也不太會變動。 不過樹狀標籤有一個小缺點,其標籤命名格式為「AAA-BBB-CCC」,當顯示在網頁上時,稍嫌佔版面了一些。如果一篇文章使用了多個樹狀標籤,那麼效果就類似本...

繼續閱讀全文

加快 Blogger 行動版圖片載入速度的密技

要加快網頁載入速度,最有感的兩個方向就是從「圖片」以及「Javascript」下手,詳細的說明可參考「 優化網站效能該注意哪些事? (1)最關鍵的考量因素 」。 行動版網頁由於螢幕比較小,如果跟網頁版一樣載入相同尺寸的圖片,那麼讀取一定很花時間。一般使用者能做的,最多就是想...

繼續閱讀全文

Blogger 自訂行動版範本實作﹍(2) 文章+側邊欄+頁尾

接續上一篇「 自訂行動版的實作 」,前面說完了 "標頭"、"導覽列"、"廣告" 的部分,接下來繼續 "文章"、"側邊欄"、"頁尾" 這些區塊的實作分享。 ...

繼續閱讀全文

Blogger 自訂行動版範本實作﹍(1) 標頭+導覽列+廣告

Blogger 的行動版網頁,呈現方式可以有三種選擇: 1. 自適應網頁 (RWD) 2. 官方行動版 3. 自訂行動版 該使用哪一種,可根據你的網站屬性,參考「 Blogger 應該選擇自適應範本(RWD), 還是行動版範本? 」→「四、你適合哪一種選項?」來抉擇...

繼續閱讀全文

Blogger 圖片語法轉換器﹍改變行動版圖片尺寸

從這篇「 加快 Blogger 行動版圖片載入速度 」我們瞭解到,Blogger 有辦法讓行動版的圖片改用小尺寸,進而讓網頁載入速度非常有感地提升,只要符合這兩個要件: 1. 使用 PICASA 圖床 2. 為每張圖片設定寬度 手動設定圖片寬度的方法,請參考該篇文章...

繼續閱讀全文

Blogger 多層下拉選單實作

前陣子處理一個案子,需要在 Blogger 安裝多層下拉選單,說真的這不是一個輕鬆的任務,因此值得記錄一下過程,減少日後重新摸索的時間。 一般而言,如果像本站屬於主題集中、文章數幾百篇的規模,應該使用單層的下拉選單就足夠,太多層的下拉選單對於讀者而言,其實在尋找資訊時不是那...

繼續閱讀全文

自製簡易 Blogger 即時留言版

原本 WFU BLOG 側邊欄有個「 Wyboard 留言版 」,因為比較花俏、耗資源,所以用「 分頁功能 」隱藏起來,當讀者需要留言、點擊分頁時才動態載入。 後來想想,隱藏在分頁的功能,八成讀者都不太會發現,留言版這個算是滿重要的功能等於形同虛設。於是動動腦筋,開始尋找有...

繼續閱讀全文

防止 Adsense 自動轉址, 造成你的訪客流失

在網站放 Adsense 廣告後,很怕自己不小心點到,因為網頁上有不少動態載入的區塊時,有時你明明點的是 A 位置,但由於時間差,突然會出現 B 區塊而誤點。萬一點到自己網站的廣告,就得提心吊膽是否會被停權。 前幾個月偶爾會出現,進入 WFU BLOG 後,忘了自己下意識做...

繼續閱讀全文
TOP