Maximize Blogger Editor Width with Stylebot CSS

Stylebot


I had an idea today: when I'm focused on writing, I honestly don't care about the stuff in the right sidebar.
Why not just hide them? That way my editing area can get a little bigger.

After some tinkering with the F12 dev tools.

Here's the final result
www.blogger.com/blog/*/edit/*
/* Stretch the left column */
.fmzcZd {
    padding-right: 20px;
}

/* Maximize the editor area */ .a89Sje {   max-width: 100%; }
/* Hide the right sidebar */ .vW7mGd {   display: none; }

The effect looks like this


Tail

Honestly, for me it's still not perfect. Because the toolbar still has that ...
But the actual width is plenty.




Comments