認真的覺得一開始寫部落格不該選擇使用google的blogger，因為小本完全不會使用語法，只是單純看網路上大家評比推薦google的平台，然後就選擇了blogger… 真的是一條不歸路…
先來說剛開始決定要使用的時候，光是了解這個平台要如何操作就花了整整一個禮拜的時間。好不容易發了第一篇文章後，更慘！後面的兩個禮拜光是這第一篇文章，小本就一直再調整圖片、文字間距、文繞圖等等的有的沒的問題。(昏倒)
後來，還發生整個部落格走位的問題，當下看到真的覺得心臟跳停了一下。一時半刻有點難以解釋，反正就是失控的狀態(心境則是小宇宙爆發的狀態)。一整個就是想抱怨一番，所以才打這篇文章咒罵自己怎麼這麼笨這樣。
而且，google搜尋到的說明，有些不曉得是不是版本的問題，2019年的blogger竟然有些不適用(菸)。總而言之，小本決定紀錄一些自己調整部落格的非專業文章，然後透過小本骨瘦如材的說明紀錄(目前應該沒有說明Orz還再摸索中)。
抱怨歸抱怨，既然已經選擇blogger就得要好好的了解和維護這裡。
現在來報告小本聚落的最新調整進度：
(1) 文字大小、縮排、顏色
(2) 圖片隨著視窗調整大小
(3) quote引用
聲明：小本都是用最陽春的方式再調整，如不滿意，請忽略此文。
△ 新增CSS：前面的操作順序都一樣，最後都在同個地方新增。
步驟一
blogger後台 >主題 >自訂
步驟二
進階 >新增CSS >貼上語法 >套用部落格
(1) 文字大小、縮排、顏色
.post-body {
font-size:105%;
color:#363636;
line-height: 1.9em;
letter-spacing: 1px;
}
來源：https://kokai543.blogspot.com/2013/05/blogger.html
(2) 圖片隨著視窗調整大小
在|Between
.post-body {
}
和|and
.post-header {
}
之間加上|insert the code below
.post-body img{
max-width: 100%;
width: auto;
height: auto;
float:center}
結果|result looks like
.post-body {
line-height: 1.4;
font-size: 110%;
position: relative;
}
.post-body img{
max-width: 100%;
width: auto;
height: auto;
float:center
}
.post-header {
display:none;
}
來源：http://chandler0419.pixnet.net/blog/post/64374387-%E8%AE%93blogger%E5%9C%96%E7%89%87%E8%87%AA%E5%8B%95%E6%94%BE%E5%A4%A7%E7%B8%AE%E5%B0%8F
(3) quote引用
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: normal;
width: 450px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -10px;
color: #7a7a7a;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
來源：http://anton1615.blogspot.com/2017/05/blockquote.html
quote引用，測試：語法先新增好，接著在google編輯器裡，先打內容，按上排工具列的引用符號。
以上，為最近的更新紀錄。
先來說剛開始決定要使用的時候，光是了解這個平台要如何操作就花了整整一個禮拜的時間。好不容易發了第一篇文章後，更慘！後面的兩個禮拜光是這第一篇文章，小本就一直再調整圖片、文字間距、文繞圖等等的有的沒的問題。(昏倒)
後來，還發生整個部落格走位的問題，當下看到真的覺得心臟跳停了一下。一時半刻有點難以解釋，反正就是失控的狀態(心境則是小宇宙爆發的狀態)。一整個就是想抱怨一番，所以才打這篇文章咒罵自己怎麼這麼笨這樣。
而且，google搜尋到的說明，有些不曉得是不是版本的問題，2019年的blogger竟然有些不適用(菸)。總而言之，小本決定紀錄一些自己調整部落格的非專業文章，然後透過小本骨瘦如材的說明紀錄(目前應該沒有說明Orz還再摸索中)。
抱怨歸抱怨，既然已經選擇blogger就得要好好的了解和維護這裡。
現在來報告小本聚落的最新調整進度：
(1) 文字大小、縮排、顏色
(2) 圖片隨著視窗調整大小
(3) quote引用
聲明：小本都是用最陽春的方式再調整，如不滿意，請忽略此文。
△ 新增CSS：前面的操作順序都一樣，最後都在同個地方新增。
步驟一
blogger後台 >主題 >自訂
步驟二
進階 >新增CSS >貼上語法 >套用部落格
(1) 文字大小、縮排、顏色
.post-body {
font-size:105%;
color:#363636;
line-height: 1.9em;
letter-spacing: 1px;
}
來源：https://kokai543.blogspot.com/2013/05/blogger.html
(2) 圖片隨著視窗調整大小
在|Between
.post-body {
}
和|and
.post-header {
}
之間加上|insert the code below
.post-body img{
max-width: 100%;
width: auto;
height: auto;
float:center}
結果|result looks like
.post-body {
line-height: 1.4;
font-size: 110%;
position: relative;
}
.post-body img{
max-width: 100%;
width: auto;
height: auto;
float:center
}
.post-header {
display:none;
}
來源：http://chandler0419.pixnet.net/blog/post/64374387-%E8%AE%93blogger%E5%9C%96%E7%89%87%E8%87%AA%E5%8B%95%E6%94%BE%E5%A4%A7%E7%B8%AE%E5%B0%8F
(3) quote引用
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: normal;
width: 450px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -10px;
color: #7a7a7a;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
來源：http://anton1615.blogspot.com/2017/05/blockquote.html
quote引用，測試：語法先新增好，接著在google編輯器裡，先打內容，按上排工具列的引用符號。
以上，為最近的更新紀錄。