Tweaking the New Blogger Interface *Updated 19th November*

Update: 19th November We've just updated the Theme and CSS as Blogger changed a few things. We've also improved hopefully the colours as well as now making the action bar fixed in place as well.

Ever since Google/Blogger updated their User Interface it has been surrounded in controversy by users who either "Love it" and Users who "Hate it". Users are typically bemoaning the large amount of white space, bland colours, hard to read text etc.

Personally I'm somewhere in the middle.

However I do find some of the cosmetics pretty poor like other users inc white space, excessive padding, color scheme etc.

I decided rather than moaning about it to try and fix some of these myself and I'm pretty happy with the results so far.

Here is what my Dashboard looked like before my changes



Pretty Bland eh!

Now here is my new Dashboard.



Better? Well I think so.

Here is the old Compose Screen



Now here is my version.



Again, I think my version has a lot more character and it's easier to distinguish.

Other features that I've include are

- Better Colouring
- Improved Font Sizes
- Improved Line Spacing
- Fixed Left Hand Menu
- Improved New Blog Post screen
- Plus other minor tweaks

Ok, so by now if you're still reading then you'll probably asking yourself how can I fix my Blogger User Interface to look like this.

Well it's pretty easy. Simply follow these instructions.

1) You need to be using the Google Chrome browser. If you're not using Chrome then you should be. Go get it now here http://www.google.com/chrome

2) Now you need to install a very cool extension called "Sylebot".

You can get the extension here.

3) Once it's installed, goto my New Blogger Interface Style here

http://stylebot.me/styles/1726

4) On this screen simply click the Install Icon



And that's it. Now when you go to Compose Screen or your Post/Articles listing page you should see the new design. You can also tweak the colours and settings yourself if you play around with Stylebot. (See the Further Reading section below)

If you have any questions feel free to ask in the comments below.

Further Reading
Other Stylebot Themes
Stylebot Extension Page
About Stylebot (inc video and text walkthroughs

Comments

Amanda Kennedy said…
That's quite awesome! I personally don't mind the new interface but as I work on a small-screened netbook I'm sure your theme will save me scrolling up and down the page so much!
DarkUFO said…
Hey Amanda, glad you found it useful
Adam's Apples said…
Dark One, a palpable blow against Blogger's White Screen of Death!


I also suggest switching the font from Arial to Verdana or similar sceen font.


Arial is arguably more elegant but was designed for the printed page (based on Helvetica). It's much harder to read onscreen.


I have already made this change on my installation. I also:


* made always visible the hidden-unless-hover command links (edit, view, etc). No more easter-egg UI!


* since the above was a bit intense, I reverted back to the default color for these elements.


* made label-name links underline on hover.


These are less beneficial but still valuable to me.


Something else I mean to do, but do not remember how, is to limit the width of the main column to perhaps 600 px or so. It is way too wide on a large monitor and this would tighten things up.


Finally, I note the css is portable and can therefore, theoretically, be ported over to other browsers. I haven't tried this yet.


Dark UFO, thank you very much! The fixed left menu is especially beneficial.
DarkUFO said…
@twitter-346121573:disqus Hey Adam, nice one. Glad people are finding this useful and are able to tweak it for their own personal preference.



And yes, the CSS should be pretty portable for Firefox styling extensions etc.


I'm also working on a script to autoopen the Labels field as well as making the Post Title on edit/create an "autocomplete" field so previous post titles can be seen as you start typing.
DarkUFO said…
@twitter-346121573:disqus We've just updated the Theme and CSS as Blogger changed a few things. We've also improved hopefully the colours as well as now making the action bar fixed in place as well.
DarkUFO said…
@fe8ad9e673dcbf878a255ad32e495388:disqus We've just updated the Theme and CSS as Blogger changed a few things. We've also improved hopefully the colours as well as now making the action bar fixed in place as well.
Keir Heath said…
I fail to see how the old compose screen, using the entire page, is improved by now having the screen take up only half the page. You, whoever you are, like it. Great. EVERYONE is forced to use it.
DarkUFO said…
Use Stylebot to change the size to your liking.
Tee_rrance said…
Totally clean! What I hate is the ads all over my blog page, and once clicked, a lot of virus were automatically downloaded and means another visit for a computer repair in new york again.
joey said…
These are less beneficial but still valuable to me.
PT100
Michael Hazell said…
Wow...I forgot about Stylebot. I might use this to theme Disqus 2012 to what I want it to be. Could help me submit some ideas to Disqus.
DarkUFO said…
Hey @Michael Hazell Yep, I find it a great tool. Great for mocking up screen changes and basic CSS testing.
Michael Hazell said…
I also wanted to ask you something. I'm not sure if you have a bigger influence on Disqus than I do but I have begged Disqus to bring back the old theme that was recently gutted from Disqus 2012, as a separate theme because I liked that one better. They don't want to.


What do you think, and do you think they'll ever change their mind?
DarkUFO said…
HA, I don't think I have much sway. I've been asking them to make downvotes optional ever since they introduced it :)

I don't think they will bring the old theme to be honest.
Michael Hazell said…
I really wish they would bring the old theme back as an option. I liked the 3D look of the embed, and the cool looking 3D buttons. This theme is all about darkness to me. How does a dark post button fit in with a light website?


I thought you might have a bigger sway on Disqus than I do since I think you have an add ons package with them, but I could be wrong. One person I could ask who probably could do something is @fredwilson .
DarkUFO said…
Yep, fred certainly has more sway than me :)
dav said…
thanks
TORRES MADONA said…
my name is Promise dickson Finch am from Texas USA. I want to share a testimony of how Dr. OLU herbal mixture cream saves me from shame and disgrace, my penis was a big problem to me as the size was really so embarrassing,and i was also having weak erection problem. I can make love to my wife and my penis was just too small a full grown man like me having 4 inches penis and to worsen it i don't last in sex i cant even last two minutes it was really a thing of shame to me. My wife was really tired of me because my sex life was very poor,she never enjoyed sex,i was always thinking and searching for solutions everywhere until when i saw a testimony of how Dr. OLU. herbal mixture cream have been helping people regarding their sex life, so i decided to give him a try and to my greatest surprise in less than two weeks of taking the herbs my penis grow to 8 inches i couldn't believe my eyes and as i speak now my penis is now 8 inches and i do not have weak erection again. I can make love to my wife longer in bed. And my marriage is now stable,my wife now enjoy me very well in bed. You can contact him via (drolusolutionhome@gmail.com) You can contact him today and get your problem solved.Call +2348140654426 .." or you can also contact him through his what-app +238140654426  
Caillo Lisa said…
This is another testimony on how Chief Dr Lucky cured my HIV disease. Do you need a cure for your HIV disease? Do you want to be cured from your cancer disease? Or you want to be free from any type of disease. Kindly visit https://chiefdrluckyherbaltherapy.wordpress.com/ . He just cured my HIV disease and I’m very grateful to him, he is the only herbalist that can cure you.
WhatsApp number : +2348132777335
Via Email : chiefdrlucky@gmail.com
Thank you all for reading,
God bless"
baccaratsitetop said…
Awesome and interesting article. Great things you’ve always shared with us. Thanks. Just continue composing this kind of post.

온라인카지노
바카라사이트탑
baccaratsitebiz said…
Hi! Thanks for the great information you have provided! You have touched on crucial points!

온라인카지노
바카라사이트비즈
A superbly written article, if only all bloggers offered the same content as you, the internet would be a far better place.

온라인카지노
카지노
casinosite24com said…
I haven’t any word to appreciate this post…..Really I am impressed from this post….the person who create this post it was a great human.. thanks for shared this with us.

바카라
카지노
I read this post your post is so nice and very informative post thanks for sharing this post.
Appreciate it for helping out, excellent info.
totorank.net said…
The contents present at this web page are truly remarkable, good quality article.
토토

Popular posts from this blog

Troubleshooting Comments for Blogger