[教學] 如何美化Blogger的字體?

1 - [教學] 如何美化Blogger的字體?

Blogger預設的字體大小是12px,其實不大適合長篇閱讀,標題的字體也不夠漂亮,該怎麼變得像妖精的號角一樣,標題又大又黑、字體大小與行距保持適中,讓讀者更容易閱讀呢?其實只要在後台稍微修改一下CSS樣式,就可以輕鬆達成囉!

步驟說明


第1步 登入Blogger後台,選擇「範本」→「自訂」。

2 - [教學] 如何美化Blogger的字體?

第2步 再點選「進階」→「新增CSS」。

3 - [教學] 如何美化Blogger的字體?

第3步 複製以下CSS代碼並貼在文本輸入框中。

.post-body {
font: 15px/1.7em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
letter-spacing: .07em;
text-align: justify;
}
h3.post-title, .comments h4 {
line-height: 1.5em;
font-family: "微軟正黑體","Microsoft JhengHei","Times New Roman",Times,serif;
color: #000000;
font-size: 1.8em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

第4步 按下「套用至網誌」即可。

4 - [教學] 如何美化Blogger的字體?
  •  
  •  
  •  
  •  
  •  
  •  

留言