合作資訊

2013年5月26日

[Blogger筆記]調整內文行距字距

因為剛從痞客邦逃到Blogger,發現很多功能都要靠CSS語法
光只是靠後台的範本實在是不夠啊…
據說因為 Blogger是以英文使用者為主,所以行距對中文文章來說頗窄
此外內文撰寫的工具欄雖然可以調整文字大小
但感覺字不是太大就是太小,而且每次寫新文章都要手動調整也很煩
在網路上搜尋調整行距字距的方法,大部分都是舊版的更改法
到後台去打開版型的HTML根本找不到東西XD
後來查了英文網站才發現新版Blogger的更改語法處不同了~






我BLOG套用的範本是「簡單」的版型
其他版型不知道可不可以~
總之從後台進去後不要按編輯HTML,點「自訂」進去~


選「進階」再到右邊選項選最下面的「新增CSS」


貼上語法…
雖然上面的語法我也是到處剪貼來的,
不過大致上是這樣XD
-----------------------------------------------------
.post-body {
font-size:105%;  (文字大小)
color:#363636;  (文字顏色)
line-height: 1.9em;  (行距)
letter-spacing: 1px;   (字距)
}
-----------------------------------------------------
文字大小的部分也可以改寫成
font-size:15px;
這種指定px大小的方式
反正在上面更改語法下面預覽視窗就會直接顯示了喔!
改到順眼為止按頁面右上角「套用至網誌」就大功告成啦~

顏色代碼可以參考網路上的色碼表:

http://rhinejo.myweb.hinet.net/home/color/color-cord.html
http://www.ifreesite.com/color/
google搜尋「色碼表」就有一大堆啦,隨機挑兩個貼XD

另外網路上有人推薦這個CSS教學網站
http://www.1keydata.com/css-tutorial/tw/
可能研究之後能寫出比較炫的BLOG,不過我只想改行距就好了(懶)

總之在這邊分享順便記錄一下,免得以後我忘了XD


11 則留言:

  1. 解法,找好久,遍尋不著! =..=
    謝了! ^^y

    回覆刪除
  2. 謝謝你的分享,非常有幫助!!

    回覆刪除
    回覆
    1. 看來很多人都和我一樣曾經遍尋不著改法XD

      刪除
  3. 最近也從痞克轉移陣地研究Blogger中,想要改間距然後搜尋到你的文,真的很受用,謝謝你!

    回覆刪除
  4. 能幫到忙就好~
    再說我不寫起來自己也會忘掉XD

    回覆刪除
  5. thanks for sharing, it's really helpful!!!

    回覆刪除
  6. 謝謝你的分享,超有幫助的!:)

    回覆刪除
  7. 站長您好, 我想要請教您, 如何把您右側的 文章分類, 及最近回應 這兩大項單獨設定在右邊欄位 , 可請您分享語法嗎 ? 特別是最新回應, 是我最需要的, 煩請您能給予指導, 無限感恩~

    回覆刪除

歡迎留言~^_^