【365-35】[教學] 利用 User CSS 更改 Blogger 的編輯區域





因為部落格改版之後,
文章區域的寬度增加了,
開始把部落格的圖片都加大了,
從原本固定600像素寬度的圖片,
都增加為寬度800像素。

800像素寬度圖片網誌看起來的樣子:

600像素寬度圖片網誌看起來的樣子:

如果看網頁感覺不出差異的話,
下面就直接擺上兩張圖片做對比。

600px

800px

是不是大圖看得比較清楚了呢?哈

不過圖片變大也衍伸出一個問題,
那就是Blogger在編輯文章時,
編輯區域太小了...



所以會造成這種情況,
圖片寬度比編輯區域還大,
明明整個編輯區域都還很空啊~
為什麼就限制這麼小一塊呢?

雖然對編輯文章沒什麼影響,
但就覺得不是很順眼。

沒想到在問了綜合口味之後,
他剛好知道怎麼解決!
那就是利用Chrome的擴充功能 User CSS。



這個外掛可以在你的瀏覽器上面設置自己的CSS,
來更改你所看到的頁面,
理論上來說可以做很多事,
不過今天要做的只是修改blogger的編輯區域。


User CSS 擴充功能安裝完成之後,
在Chrome右上角會出現小圖示。


在Blogger的編輯畫面,
點選一下 User CSS 的小圖示,
然後貼上這一段CSS:

.editor .composeBox{ max-width:1024px!important; }



就可以看到編輯區域變大啦!!!
當然可以隨著喜好更改數字,
就可以顯示不同的寬度,
像我後來是調整為850px覺得差不多。


以上,感謝綜合口味技術協力,
也請大家慢慢地欣賞,
提高解析度的四小折繪本日誌吧!







TAG:四小折 off60 365天挑戰 天天更新 blog User CSS 綜合口味 Blogger 編輯