2016 全新改版

喜歡 Blogger 這個平台就是因為他自由度大, 可以客製化的程度高一些… 在兩年前完成了滿意的版本後就沒再去關心過 blog 版面, 只有偶而順應潮流的放些新穎的小工具… 但隨著時間慢慢過去, 覺得 blog 越跑越慢, 一些小工具竟然也年久失修了… 基於 load 速度太慢, 罷工的小程式太多, 看不下去了, 決定來個大整理, 還我一個完整的 blog 小窩啦…

在整理的同時也把一些實用的連結紀錄下來跟大家分享, 著實是個 blogging 懶人包喔~!!!

PS. 畢竟是改版, 所以 SEO, 網站優化等等的小技巧就沒收錄啦, 有需要再來補充啦 ^^

 

客製化外觀設定:

  • 客製化網頁圖標是一定要的啦~!!! 想要在網址列獨樹一格就靠他啦, 參考: 繼續閱讀
  • 客製化標題圖片也是網頁美化的一環啦~!!! 其實放不放圖片是很主觀的, 有人喜歡簡單俐落的 title + logo, 有人喜歡花俏版… 我是三心二意的雙魚座, 所以也是反反覆覆, 如果有天進來發現沒有照片也不用太吃驚, 那大概是我膩了的表現, 哈哈哈~!!! 詳細說明參考: 繼續閱讀
  • 背景圖庫: 膩煩了 Blogger 的背景嗎? 這邊有很多免費背景可以選擇喔~!! 分享給大家: Helplogger

分隔線

實用小工具:

  • Google 自訂搜尋不儘可以更完整, 快速的找到自己的文章, 更是投資自己 blog 的好方法喔~!! 落落長的設定詳見 WFU Blog樹狀標籤
  • 最新文章 (Latest Posts): 網路上有很多厲害的版主提供新穎可愛的小工具給大家, 想要花俏一點的, 可以參考: Helplogger
  • 樹狀標籤算是我這次最大的變革了~!!! 用了 2 年了, 還是看不慣 blogger 的標籤, 決定砍掉重練一篇一篇好好的改標籤, 雖然是個大工程, 但是改完真的是賞心悅目呢, 喜歡樹狀標籤的大家歡迎參考: WFU Blog
  • 即時人氣監測 (Who’s Amung Us) online 人氣監控軟體也是個很簡單上手的小工具, 還可以提供網站搜尋的歷史資料, 是我滿喜歡的側欄小工具… 想要離線監控也可以安裝外掛喔, 設定方法參考: 香腸炒魷魚

PS. 因為之前 blogger 全面改成 https, 所以, blogger 的用戶如果想要安裝 tab 功能, 需要把 s.src=”http://widgets.amung.us/tab.js” 更改成 s.src=”//widgets.amung.us/tab.js” 喔~!!

  • 旅遊地圖: 愛寫遊記的我, 讓讀者知道自己踏過哪些地方也是很有趣的事, 有興趣的人也趕快去建立一個屬於自己的旅遊地圖吧!
  • 隨機輪播熱門文章這也是我很喜歡的功能, 可以簡單的顯示我所有遊記的總覽文章~!! 目前原作已經改到第二版, 但是我比較喜歡第一版, 所以就沒跟進啦… 喜歡輪播的人可以自己斟酌喔~!! WFU Blog 第一版, WFU Blog 第二版
  • 文末的相關閱讀 (Related Posts): 雖然已經習慣手動在文末加一些延伸閱讀, 但是, 畢竟能囊括的有限, 總不能每一篇文章後面都掛一大串肉粽吧 (笑!)…所以, 這個安裝在文末的小工具我覺得滿重要的, 可以隨機播放一些文章, 也算是給讀著的一些小驚喜啦~!! 網路上有很多設計分享, 這是我最喜歡的一個, 分享給大家: bloggerwidgetgenerators
  • 跑馬燈設定: 這是個很簡單的程式語法, 提供我自己的給大家參考~!!

<marquee scrollamount=”2″, behavior=”alternate”, onmouseover=”this.stop()” onmouseout=”this.start()”><a href=”http://twpeach.com/15m-tokyo/” target=”_blank”> 日本東京賞櫻親子遊熱騰騰上架中, 好好玩的親子遊遊記都在這裡啦</a></marquee>

只要把橘色的部分改成你要連出去的網址 & 想要出現的字幕就可以了喔~!!

可以隨意放在你想要的地方, 想要修改語法請參考: 無中生有

blogger 小工具

  • 404 頁面設計: 某天翻到一篇文章, 寫著 404 頁面的重要性, 提到讀者面對 “很抱歉,您所查詢的網誌頁面不存在。” 的無奈跟不知所措, 才讓我突然想要對自己的錯誤好好的負責, 畢竟會讓讀著找不到絕對是格主的錯啊~!! 想了又想, 改了又改終於做出自己喜歡的版本, 這個頁面的資訊是不是豐富許多啊, 跟大家分享啦, yayyy!! 實用資訊參考: 繼續閱讀

想知道自己的 404 page –> 只要在網址搜尋列打上 “網站網址/404” 就可以看到自己的 404 頁面了喔…

客製化 404 page

分隔線

 

分享 & 訂閲:

  • FeedBurner 讓讀者可以 email 訂閱, 格主也可以追蹤訂閱數的軟體, 比 blogger 內建的 email 訂閱功能強大不少… 詳細安裝 & 程式美化修改詳見: 跟著工作熊玩賺部落格
  • Add This 是個漂亮又容易安裝的分享 & 訂閱小工具, 功能如果需要小修改可以參考: 社技哲學
  • Share This 也是個簡單漂亮又容易安裝的分享小工具, 就看大家喜歡哪一個啦~!!!

分享, 訂閱

分隔線

 

備份:

  • IFTTT 是個超實用的文章備份軟體… 如果你也曾有過在大量改文章的同時覆蓋了其他文章而欲哭無淚的話, 建議大家可以去了解一下這個很不錯的功能~!!

IFTTT, 是 IF This Then That 這縮寫, 一個同步, 連鎖反應的概念, 對我來說是個很有創意的功能… 如同字面上的意思, 如果 A 發生就產生 B, 所以, 這功能可以應用在很多事上面…

以部落客來說, 他可以在你每 post 一篇新文章就跟著產生一些動作, ex: 寄 email 給你, 同步 post 到 FB, Pinterest 等等等… 如果你有申請 FeedBurner, 你也可以設定每當 FeedBurner 接收到一篇新文章就 email 你或是直接 post 一篇新文章到你備份的 blog… 當然還有很多其他的應用, 大家可以去玩玩 ^^

如果你也希望你每 post 一篇新文章就可以同步 email 備份, 我建了一個模板, 歡迎大家直接使用喔 連結點我~!! 更多教學文詳見 WFU Blog & 學不玩, 教不停, 用不盡

IFTTT

 

噹噹, 改版完成~!!!

不管你是改花俏還是改簡潔, 都別忘了改版完可以跑一下 PingdomGTmetrix, webpagetest or  google PageSpeed Insights 測網頁速度喔~!!

好啦, 整理了這麼一大篇也費了我不少力氣… 雖然我沒有學過專業程式語言, 但是, 美化 blog 對我來說真的是一件滿有趣的事… 謝謝專業的大家提供我這麼多資訊, 才能讓我在這裡跟大家分享我的成果啦~!!

歡迎喜歡 blogger 的部落客們一起分享玩部落的樂趣喔~!!

–> More blogging fun please hop on over to: ♥ Blogging ♥

現居德州, 致力於在平凡的生活中尋找不平凡, 在忙碌的生活中尋找只屬於我們的小幸福... 旅行。美食。生活。牽著手的三人行... 若無特別聲明, 本站所有文章皆為作者原創, 欲轉載請註明作者 & 文章出處, 請尊重智慧財產權, 謝謝~!!