CSS Overrides for the New Blogger User Interface. Can be used with extensions like Stylebot that allow you to override the CSS of a particular page.
This will provide a much cleaner and compact version of the Blogger Dashboard for users who actually use a computer and a large monitor. It currently displays 10 more articles per page on a standard 1920 X 1440 Monitor.
NOTE: We will provide fixes to the this master but we will not be taking indivudual requests for changes/preferences etc The code should be fairly well documented so that you can change the colors, padding etc to suit your own tastes.
You are more than welcome to fork this for your own preferences.
- Install the Stylebot Extension (other similar extensions should be compatible)
https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en
- Goto this link and copy all the CSS Code
https://github.com/darkufo/Blogger-Compact-Dashboard/blob/master/newbloggercss.css
-
Goto www.blogger.com
-
Right click somewhere on the dashboard and select Stylebot, Style Element.
-
Click on the code tab at the bottom
-
Delete anything that is already in there and then paste in CSS you copied from Step 2.
-
Click the little X icon at the top right of the Stylebot Extension box and press F5 to refresh your Blogger Dashboard.
Now whenever you visit the Blogger Dasboard you should have the Compact Version loaded.
Known Issues
- None that we are aware off :)
Version History
Version 0.96
- Added Compact Comments Page
Version 0.951
- Fixed label box width issue.
Version 0.95
- The Labels section in the Blogger Editor will now remain open at all times.
Version 0.94
- With the new Blogger Labels update, we've updated the code to work better. Font size increased along with better padding
- All Icons are now colored black and smaller.
Version 0.93
- Reduced font size of Labels on the Editor
- Labels on Editor colored to stand out
Version 0.92
- Reduced the space between post title and row separator bar
- Reduced left padding of each row
Version 0.91
- Removed Thumnnail to increase space for article tites
- Increased font size of the Draft label
Version 0.9
- Fixed the Row Select Tick Box
- Reduced padding at top of Dashboard
Version 0.8
- Toned down the Label color on the dashboard
- Removed rounding of article thumbnails
- Reduced height of both Label Filter Modal and Label List on Editor
Version 0.7
- Better font sizes for scheduled dates/times
- Author name color and font changes
- Draft label color change and font size
- Better spacing of the right hand side info
Version 0.6
- Scheduled, Draft and Published Text is now on the right
- Increased space for Labels
Version 0.5
- Increased height of Label Filter Modal Window on Dashboard (Screenshot below)
- Increased width of Labels section on the Editor (Screenshot below)
- Decreased Padding and Font Size of Labels on both of the above (Screenshot below)
Version 0.4
- Hoover over Tools reduced in size and now black
- Label Filter Modal Font padding reduced
- All Article labels are now clickable
Version 0.3
- Dot Separator between Post Status and Date removed
- Fixed issue with schedule time being hidden
Version 0.2
- Reduced Padding between row
- Current Row highlighted
- Removed Published Text
Version 0.1 - Initial Version
BEFORE
AFTER
