2020年3月30日星期一

簡單優化Google Blogger外觀三部曲(一) 調整網頁版文字間距與大小

這邊介紹如何優化Google Blooger的外觀，讓訪客瀏覽Blogger文字與圖片時時候感到舒適，不需要複雜的技巧，只要簡單的編輯就可以完成，首先我們來調整網頁板的文字間距與大小，在沒有調整之前會呈現出這樣的結果，如下圖，可以看到紅色框起來的部分，文字間隔非常地靠近，上下行距也沒有多少空間。

先來看一下調整後的樣子，如下圖
紅色框起來的部分可以看到文字間距與上下行距已經變大，這樣瀏覽與版面都比原來舒適
可以跟上圖比較一下

到設計後台，點選主題 -> 自訂，如下圖

點選進階 -> 新增CSS，新增以下內容

html .post-body {

font-size: 120%;

line-height: 1.8em;

letter-spacing: 0.8px;

}

font-size 文字大小

line-height 行距

letter-spacing 文字間距

以上可以根據自己喜好去做參數修改

2020年3月30日 星期一