105.07.02 Blogger範本設計工具之參考紀錄

如果都有在逛我blogger的人
應該會發現跟之前有點不一樣
沒人QAQ
好吧我繼續
此篇主要記錄爬過的有用文章

使用前記得備份啊
如何備份請參考 105.07.02 如何備份/還原Blogger OuO

1. PJCHENder愛分享
    這裡雖然 blogger 的文偏少，不過都是有趣的題材，教學也很完整
    另外還有其他網頁語言的教學
    [教學] 在網頁(blogger)中加入回到網頁頂端的浮動按鈕

2. 0 與 1 謎詭世界
    較接近理論派，非常完整詳盡
    Blogger template模板教學課程---CSS外觀解說
    blogger模版CSS語法細部介紹(上)
    Blogger模版CSS語法細部介紹(下)

3. WFU BLOG
    頗強大頗完整的
    Blogger 各種圖片異常狀況處理﹍模糊+消失+超出版面
    修改 Blogger 各處 CSS(文章標題+內文+其他)，以字型大小顏色舉例

其他
    工具：
    Just Color Picker 螢幕選色工具
    私心推薦 阿榮福利味Just Color Picker 4.4 免安裝中文版 - 螢幕選色工具

目前自訂 CSS 內容：

/*內文*/
.post {
  line-height: 1.7em;
  text-align: left;
  font-size:10pt;
  letter-spacing:1.01px;
  color: #646464;
}
/*文章標題*/
.post h3 {
  font-size:18pt;
  border-bottom: 1px solid #545454;
}
/*文章內圖片*/
.post-body img {
  max-width: 100%;
}