【部落格】Google Blogger/ Blogspot Template 模版分享

【部落格】Google Blogger/ Blogspot Template 模版分享

最近慢慢從痞客邦搬家過來, 搬家前都需要確定Blogger/ Blogspot 的模版 (Template) 配置是否能用。

雖然Blogger 已發展多年, 不過我現在才開始慢慢地模索...所以都分享一下這部落格模版 。

由於不像痞客邦有內置模版可以選擇, 所以在Google 上搜尋 Blogger Template 看看有什麼模版可下載。

搜尋到這個Gooyaabi Templates, 內裡有不同樣式的模版可以下載, 也有付費版或免費版可選。

免費版多是被作者鎖住某些功能或設計。例如我現在使用的模版則不能修改網頁footer copyright 的文字。

(網址:🔗 https://gooyaabitemplates.com/)

最後試了幾款模版後決定使用這款「Polar Blogger Template」因為跟原來的樣式相似, 排版也比較簡潔,

還有很多功能選項, 更包括了自己一直很想要的導覽列。另外這模版能自動適配不同裝置, 包括手機、平板與電腦顯示。

最主要其實是再複雜的版面我處理不來...😅

(網址:🔗https://gooyaabitemplates.com/polar-blogger-template/)

就算套用了模版也不能馬上就能使用, 因為現在就像租了一間房屋, 需要添置不同的傢具配置等。

版面配置、導覽列標題文字、圖片、側欄工具等都需要調整, 都算是挺容易處理。

版面配置

導覽列修改都很簡單

大部內容都需要在CSS內修改...一打開看見內裡代碼, 最基本的配置 (如文字顏色等) 會比較易修改。

因為已經整齊排列好供用家調整, 顏色代碼我是找下面網頁的小工具, 它也可以上傳圖片來取得色碼。

(網址:🔗 https://www.ginifab.com.tw/tools/colors/color_picker_from_image.html )

如果需要修改排版、字體大小、側欄橫額樣式等, 就要從下面這堆連在一起的代碼慢慢找出來修改。

因為自己對CSS/ HTML的代碼不熟悉, 之前都是在網上爬文找方法來嘗試修改, 就感覺像破解密碼...😓

幸好現在有AI 幫忙逐一「解碼」...但都要不斷重覆嘗試才找到需要修改的選項和將版面調試至滿意。

每次修改前都要先儲存備份, 萬一哪邊修改錯誤導致全版亂碼都可以復原, 不用重新再來。

有時候只因為想將置頂文章的封面圖片完整顯示並置中, 都反覆嘗試了大半天😓

原版預設的白色標題背景已經很好, 但又想改成自己喜歡的顏色😂

這就是目前的設置, 雖然看起來都是十分簡潔...但自己都花了幾天時間來做調整😓 因為真的不熟悉...

現在還在繼續測試與熟悉一下, 之後會再檢視模版, 看看是否存在需要調整或改善的問題。

未來計劃都會改成付費版, 以支持原作者!