因為部落格改版之後,
文章區域的寬度增加了,
開始把部落格的圖片都加大了,
從原本固定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; }
就可以看到編輯區域變大啦!!!
當然可以隨著喜好更改數字,
就可以顯示不同的寬度,
像我後來是調整為900px覺得差不多。
以上,感謝綜合口味技術協力,
也請大家慢慢地欣賞,
提高解析度的四小折繪本日誌吧!
TAG:四小折 off60 365天挑戰 天天更新 blog User CSS 綜合口味 Blogger 編輯
留言
張貼留言