提供網址重新導向的免費服務﹍redirect.pizza
![提供網址重新導向的免費服務﹍redirect.pizza](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfC6frYIszeg_wLrD77HgT56TYvGA19JoR-5WbEie7k8YVtXWKyi-jQnGFGfK6E3g8zwPbHtZZnTXEiZp4t-anUqok4LVhBTR6cHGiK2e1hvWbWdq8vSckFu_ynJJ4XmDDVtthHy9Av1ZYlDGnlS7VivnSNLQwovm2mjc-159coraYR3ma82J6QaAXLZ4/s1600/url-redirect-pizza.jpg)
如果有買網址的話,網址商後台都會有轉址服務,有時管理的子網域一多,可能需要變動一下網址,以配合不同需求。例如原本部落格放在 www.自訂網域.com ,後來業務變多以後,想將部落格挪到 blog.自訂網域.com ,這時就可設定「網址重新導向」,將 www 子網域用 301 轉址...
繼續閱讀全文推薦線上工具:台灣景點人潮監視器 + 一整天的音樂
![推薦線上工具:台灣景點人潮監視器 + 一整天的音樂](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwp5ktppwKBAU3tB6hlrJi6h1DECHlFDOiFDz_i3dQqxtzGcxZf13FYe50xwQFPHrIDopUKt_BoWIkk7Lt8k0QILPcZmSJGwDcCcLhdv0NtreKM8Um7tQGFH16ZErXWZXfXKNnUDfWNMY5/w800-h400-s/monitor.jpg)
前陣子 FB 粉絲團收到訊息,通知「 贊助管道 」的 PayPal 按鈕產生錯誤。當下沒有很在意,因為通常是不在台灣的客戶、讀者,需要從海外付款我才會請他們使用 PayPal。 幾年前 PayPal 退出台灣支付業務,一方面是稅務問題(會增加成本),一方面台灣金融法規進化速度慢...
繼續閱讀全文CC0 免費圖庫搜尋引擎﹍2021 版
![CC0 免費圖庫搜尋引擎﹍2021 版](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimfENxlKyboTKl_VQWEFq5J7sHvmjxonHJgW47IRqFHX3GVOLene0tgab0sA0MTqsoR2nvW2jragc16IJmFz0CBfFxs-XavjFK_-h3HGqnN0OW_QwezsyassPSp76Jsvdl31dToEzJ7oxo/w800-h400-s/cc0.jpg)
「 CC0 免費圖庫搜尋引擎 」今年進行大改版,核心的搜尋功能不變,不過操作介面、及行動版操作都有很大的改善: 原本受限於版面寬度,能夠進行搜尋的圖庫大致不到 10 個。新的版面對於管理而言很方便,圖庫數量可無限增加 原本的設計使用顏色來區分不同功能的圖庫,但對新手而...
繼續閱讀全文ICON 免費素材搜尋引擎﹍一次找齊各大素材圖庫
![ICON 免費素材搜尋引擎﹍一次找齊各大素材圖庫](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisz92Pj50ieSgpt3rv-Q9G_k9rJrvMqturCLNfUWzXrQgZ5hcM17Xvj9wpqXVcANH9jgH9giWG8rSpL5tWNmfmNc-DteZ3m8lnO9trfnvdkhqetFQrqG6Umhqv5j40fCpD8sh31FtcKeu0/s1600/free-icon-vector-search-engine-manaul.jpg)
當初發佈「 CC0 免費圖庫搜尋引擎 」後,有讀者及朋友都建議加入素材圖庫。當時的想法是,這些素材網都不是 CC0 圖庫,因此不適合放在一起,否則授權規定一定十分混淆、容易引起爭端。 不過既然需求還不少,那麼另外做一個專門找素材圖片的搜尋引擎,也是滿有必要的。 這些年來「...
繼續閱讀全文讓網頁表格自動排序﹍實作範例教學 (HTML 線上產生器)
![讓網頁表格自動排序﹍實作範例教學 (HTML 線上產生器)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVCU-kGBbLQi9YaxbIvZ5rbbP9oqQmlS55oc78cbpv1ZjYxBNA8zlMX1x9iZ1U5cwWFL6eODM7McZUtzo6ooRtMaZlnaYS9OTsDN6Goc6gQZaKyI-BbG6uh2PiHfrChDU6wXSGn_5jgWwP/s1600/web-table-sort-html-generator.jpg)
之前寫過一篇「 讓網頁表格能自動排序﹍TableSorter 安裝懶人包 」,只要安裝這個外掛就能達到排序的效果,看起來非常方便。 但最近接到的需求除了要讓表格排序,還得讓案主知道怎麼做出表格來,這下就麻煩了,因為很多站長其實不熟悉 HTML 碼,自然也不知道表格 Table...
繼續閱讀全文網頁插入表格不再麻煩﹍線上產生器 + 可匯入 CSV 檔(Tables Generator)
![網頁插入表格不再麻煩﹍線上產生器 + 可匯入 CSV 檔(Tables Generator)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0162gANUdKzhqHtWwcQB43f9AoMcREnyontR7nYKgaOLUdwVig90B2xMQQX48JxiflGiwZMHBqUt5yc-5JZM3r2EaN56nmG7km1QIXXFI8yb0CLfwKADO7gXTrHazzKYaMHjO2BldODjA/s1600/webpage-insert-table-html-tablesgenerator.jpg)
前陣子剛好多位讀者、客戶都詢問這件事: 如何在文章中插入表格,且能正常顯示,版面不異常? 如果對 HTML 語法不熟悉的話,網頁要插入表格的確沒那麼容易。過去曾寫過「 Blogger 插入表格的最佳流程 + 自適應寬度 」,文章內容不短,但是瞭解原理、操作熟悉後,經由 Go...
繼續閱讀全文自適應 RWD 圖片語法產生器﹍Picasa 圖床專用
![自適應 RWD 圖片語法產生器﹍Picasa 圖床專用](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAGonnZh8lEnIHnpn_aQYEX3iyBH_YOR8YZVfDFJgUjeZmqNft17qi2r7nkpZc0X3G9fwdNKissfAOQEH0dBHFNSTwnL0tJQ5BADX_hV8team2rCCwCHMJ48QJ_u63R-_7KonejqWIx9_/s1600/rwd-image-generator-picasa.jpg)
之前「 Picasa 圖床的獨家應用:製作 RWD 自適應圖片 」詳細介紹了 IMG 標籤如何設定 srcset 屬性,讓網頁可根據各種螢幕寬度載入不同尺寸的圖片,手機、行動裝置就能縮短網頁載入時間。 同時全世界的圖床,只有 Picasa 可以做到,上傳一張圖片後,修改網址參...
繼續閱讀全文線上查詢 FB G+ Twitter 社群分享按鈕數據 + 立即檢視 FB G+ 留言板內容
![線上查詢 FB G+ Twitter 社群分享按鈕數據 + 立即檢視 FB G+ 留言板內容](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisls26qEEOHFCAGhz2hi0SK-T5htuk891fPWf0CD83MmoYV80drGO_ZhSAWwWcR0R5gkVTUK8IBSHqxBNJGThZn5UcFKsJnTO1kHhICM89Av5TMhlUE9cb5nj78uXEXkJWE3qAdG0kZbUm/s780/fb-plus-twitter-share-count-comment-online-checker.jpg)
前陣子因為網站改用「 RWD 範本 」,同時在精簡 JS 外掛的前提下,移除了 FB 讚、+1 按鈕,而且 FB 及 G+ 留言板也都不使用了。 現在偶爾想要知道某篇文章的社群分享按鈕累積數據,或是那篇的 FB、G+ 讀者留言內容,就會比較麻煩一些。 於是就做了本篇的線上...
繼續閱讀全文CC0 免費圖庫搜尋引擎﹍2017 版
![CC0 免費圖庫搜尋引擎﹍2017 版](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAF8Lyj6r_ykesiKX4zUjOeR4tk8kuW_vqRZAT8dQhbPHcXoCFrnem_u4pO3bRyoybydkQyNtBLNadk1U9cDHD2_m9sX1V4_YotcwiAsnS_jwF41GtJuDZyeagHEjfgJY7WTnp61aarc3W/s1600/cc0-image-search-engine-2017.jpg)
「 CC0 免費圖庫搜尋引擎 」今年 2017 改版,可說是吸收過去使用經驗後,建構了一個完整的搜索圖片流程。依照不同需求、藉著這個網頁,就能利用各大 CC0 圖庫,找出需要的高畫質圖片。 同時 這次也改善了,以往搜尋結果會參雜廣告圖片(shutterstock)的狀況 。而...
繼續閱讀全文Emoji 表情符號輸入小幫手 (網頁版)
![Emoji 表情符號輸入小幫手 (網頁版)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirQOIHfuESJItWsC4d4DQelGhKEDQlcusEQSwUhpxNjlNTCu6UtUbEE19Vk14vF1D21qhKybIZz82d8Tz3dvAFHTPCD7JUW4mkLdLpcguqAGVIBSyYq_C9JnP_AL6BAJSn5B6Z_0pV4b8Y/s1600/emoji-unicode-input-helper.jpg)
這個「表情符號輸入工具」可以快速找到各種需要的 Unicode 表情圖案,方便留言、寫文章或是即時通使用。 所有圖案都是特別篩選過,可以在各種平台正常顯示。同時操作很簡單,後面會有詳細介紹。
繼續閱讀全文Dropbox 外連產生器﹍可使用於非公開(Public)資料夾
![Dropbox 外連產生器﹍可使用於非公開(Public)資料夾](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ZHD_dBwSxRvXoXZd_XTgcsKz-A2B5VcHW3sW6ya6FaeALJDxOYFxcWW8RPa42Jt9rEr1l6AFABkKH4AY3xn62g1Oge4ZfDDmCWHQhyphenhyphenn8dWUePcYh7XMAzEc8mXkhTDrxFIKDS5psTlIy/s640/dropbox-direct-link-generator.jpg)
由於「 Google Drive 檔案外連功能將於 2016 年 8 月關閉 」,為了讓曾安裝本站各種工具的讀者,能先找到 JS / CSS 外連的替代空間,因此製作了這個「Dropbox 外連產生器」。 原本 Dropbox 公開(Public)資料夾的檔案,都可取得直接連...
繼續閱讀全文線上檢查 HTML/Javascript/CSS 語法工具, 自動偵測錯誤
![線上檢查 HTML/Javascript/CSS 語法工具, 自動偵測錯誤](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt5bJ0X_GiGL4qWv0nVVYi8N9c36eN-NKYYljLOddcelBOsjm2SZHCwFfaZs5HuwVBg1zNtxjvXdzMU4bqzdSvsPOcX61LvWBaVNFsjvOmxeF_WKiSTxPq4UlLZJtgxTcqr-EPjSRwLgjE/s640/htmlhint.jpg)
前陣子也許 Blogger 在測試新功能,出現了這個「 Blogger 論壇 」貼文提到的異狀,在後台編輯文章的畫面,出現 "您的 HTML 不被接受,結尾標記沒有對應的開頭標記" 這樣的提示訊息。 其實 Blogger 編輯文章時,如果切換到 HTML ...
繼續閱讀全文圖片 ALT 描述自動產生器
![圖片 ALT 描述自動產生器](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTiGQUt8YwXi00ZGgZ-smkI8vdmVnUVb80sWlCk-38BllLswwzMBXFXGO7N9hpsuFIP6kADTtgxWef_HTVnWcbpWf51CdpPxjG_oJEhr-nNbzMDjnNdh_BkU5K5GkH9N4msGtl93plCXzs/s640/img-alt-generator.jpg)
為圖片 IMG 標籤自動添加 ALT 描述內容,是 SEO 的重要工作,可為網站增加不少額外流量。但這件事很瑣碎,需要額外花不少時間。 因此 WFU 製作了「ALT 內容自動產生器」,讓這件事變得非常容易。請見本文的操作說明,並前往這個工具的頁面: ALT 內容自動產生器
繼續閱讀全文Google Drive 外連產生器 V2﹍一秒鐘輕鬆複製連結, 支援新舊版雲端硬碟
![Google Drive 外連產生器 V2﹍一秒鐘輕鬆複製連結, 支援新舊版雲端硬碟](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0imyBD7M4lOf_ioYGJijKYR1wqqhYlE2YB_QVHJoKMo5meeqfK6aOcX9Ej3Q-ZJAQvj9fIm2Cb6c-1OO40OVjknUcKNVj2O5NCXT_KiP3UD7rQ8dpiu3i0bCn61J9Y1dW9FiRNOgHyuuN/s640/google-drive-direct-link-generator-v2.jpg)
由於「 Google Drive 檔案外連功能於 2016 年 9 月關閉 」,本站過去寫的所有 Google Drive 外連產生器均已失效, 本篇產生器為 2019.7.23 更新版本,目前確實可用 。
繼續閱讀全文CSS3 漸層語法產生器﹍計數器背景實作(1)
![CSS3 漸層語法產生器﹍計數器背景實作(1)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIZ2JGcWuI6B2y0ZrtEiNeZ31lXdJMBDIK3La6Yi6P6_7wNonjx0xe1NudGwBjx3svkKIJj4JthzcbAQi-zkvpZSHDqd1xHjz1TotLJ8FfZmjzisf6yTtoIqFm0RMdsZDn4FoJN3oZ0kJp/s1600/css-gradient-generator.jpg)
使用 CSS 產生的漸層效果很棒,不過這些複雜的語法參數對一般使用者而言,跟看到天書是差不多的。在這個「 Blogger 中文社群討論串 」 +綜合口味 推薦了這個線上 CSS 漸層語法產生器「 Ultimate CSS Gradient Generator 」,且 +Mark...
繼續閱讀全文活用 HTML/Javascript/CSS 格式化及壓縮工具﹍修改 Blogger 範本的觀念 (3)
![活用 HTML/Javascript/CSS 格式化及壓縮工具﹍修改 Blogger 範本的觀念 (3)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nnu4-OXrVhBYr4MnYypfcgp5QMeEjeVR7o7MfPpBb-cxQWOQk8YeTXzNC_1e540btxZm2qJHhZGfJIixcDOFFx7BBnOMIVLKkJXlbZoiBiyNpiZbU2iMA29egJ4dQvQBtgXQxGYi8tgZ/s1600/minify-css-online.jpg)
隨著範本修改次數增加、範本檔越來越肥大,從最乾淨的狀態不到 100k 直到 2、300k 的情況都在所多有(如果備份時有注意檔案容量的話),是不是會覺得開啟範本的等待時間越來越久?也難怪網頁開啟時間越來越慢。 進入主題前先回顧一下系列文前兩篇,站長要如何不盲目地修改範本、脫離...
繼續閱讀全文最佳 CSS 3D 按鈕產生器__Button X 操作心得
![最佳 CSS 3D 按鈕產生器__Button X 操作心得](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-acNoPIqsTiHOIjnZVJqW4zkN5qTlM8N1l2cG2gw4cuXsPGHuyy0YIUXsJWjBQ7-S71eSkpe0cxLNQpVLoOZkY-ImVwbnALJB_uyFLkUXLe7feeF8fGXGQFKBDG3V_QwUsJ_l0hSm0Tu/s1600/css-3d-button.jpg)
使用 CSS 語法產生的按鈕,要做的好看不容易;然而圖片式的按鈕雖然畫面呈現較佳,卻需要花費 http 請求時間,也就是會影響網頁載入速度。如果可以的話,使用 CSS 按鈕會是最佳選擇。 網路上有許多線上 CSS 按鈕產生器,可以讓我們輕易取得不少漂亮的按鈕。而本篇要介紹的 ...
繼續閱讀全文