Widen Blogger Editor with Stylish Chrome Extension

Blogger's system is a little bit "outdated". When editing blog posts, I feel the editor's width is a bit too narrow, especially on larger monitors, it doesn't make full use of the screen.

You can open the developer tools, find this page element, and increase the width attribute.

However, this modification will revert as soon as the page is refreshed.

To make this change automatic every time you open the editor page, you can use an extension.

Video Tutorial



Step-by-Step Instructions


Install the Stylish Chrome extension

https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe


Open Stylish and create a new Style

Style editor UI showing Editor and New Style buttons and domain www.blogger.com


Open the developer tools, find this page element, and copy the attributes.

DevTools Styles panel right-click menu highlighting the Copy rule option

Fill in the attributes in Stylish and save.

Adding class selector a89Sje for www.blogger.com in the Editor, setting max width to 1100px, then clicking save


========

End

Comments