Tips on Customizing your Blogger CSS

I'd like to share with you some tips that I personally use when I want to modify my Blogs CSS but find it hard to know which CSS Selectors to use.

First you need to be using the Google Chrome Web Browser (it's by far the best browser currently on the market so you should be using it anyway :) )

Now you need to install a very useful Chrome Extension called Stylebot (Download Link)

This extension allows you to change the CSS of any webpage. I find it useful for removing ads from sites and to change colour schemes etc. However it also has an added side effect in that it allows you to change/test CSS changes on the fly and gives you the CSS that is used.

So download and install Stylebot and once installed you should see a little "css" indicator in your address bar.

I'll walk you through a simple example on one of my blogs

So goto the link above and when it's loaded click the CSS icon in the address bar.

You should then be presented with the Stylebot panel like below.

Now for this example I want to find the CSS of my post titles and change it to another color and size.

First click the "Selection Tool" in Stylebot if it's not already selected. It turns blue when selected.

Now when you move your most over the webpage, you will see a green highlight box over the various elements.

Now in this example we want to select and highlight the post Title. So move the mouse over the title so that the green highlight box is displayed and click the mouse. This will select the Title CSS so that we can start to make changes.

Once clicked the Stylebot panel will be updated and any changes you make in the panel will be reflected Live on your page.

So here I'm going to make the font larger by setting it to 28px

And then change the colour to Red.

When you have done this you will see the effect live on the web page.

Now this has not actually changed how the blog will look for other visitors to your site, just you.

So we want to see what CSS changes have been made so that we can add them to your blogs CSS.

At the bottom of the Stylebot panel there is an "Edit CSS" button. Click that

This will load up the CSS changes that you have made to your blog.

Now you simply select the CSS in that box and copy it to your clipboard.

Now with your CSS in your Clipboard you need to paste it into your blogs template/CSS.

So to do this we first goto your Blogs Dashboard at and goto the Template Section

Now Click the Customize button.

This will load up the Template Designer. You want to click on Advanced

In the right hand panel, scroll down until you see the "Add CSS" at the bottom of the list and click it.

This will load up the CSS Editor and you paste the CSS that you copied from Stylebot into this area.

The change should be reflected on the site preview below and if happy, simply press the Apply to Blog and you're done :)

Hope you have found this useful and if you have any questions please don't hesitate to ask in the comments below.


Great tips for customizing the blogger CSS. For this every blogger have to follow some tips such as Customizing Layout, Increase the blog promotion, Try to develop your own template and utilize the free template.
joey said…
The change should be reflected on the site preview below and if happy..
Akhil kumar said…
Thanx author... nice post!
Great…!! that’s great advice, I read and also saw your every post, nice article very useful your post Thank you so much for sharing this and the information provide..
latest Govt jobs
Thanks for sharing this amazing article. I really enjoyed the whole content.
Anonymous said…
Technology is getting improved day by day. With this improvement, people are getting mentally ill. A lot has found the cure by ordering weed delivery at their homes so they can mentally relax. Ultimately this is not the solution until someone addicted to it and consumes more quantity on a daily basis.
Isabella Lucas said…
My ex-husband and I had always managed to stay friendly after our divorce in February 2017. But I always wanted to get back together with him, All it took was a visit to this spell casters website last December, because my dream was to start a new year with my husband, and live happily with him.. This spell caster requested a specific love spell for me and my husband, and I accepted it. And this powerful spell caster began to work his magic. And 48 hours after this spell caster worked for me, my husband called me back for us to be together again, and he was remorseful for all his wrong deeds. My spell is working because guess what: My “husband” is back and we are making preparations on how to go to court and withdraw our divorce papers ASAP. This is nothing short of a miracle. Thank you Dr Emu for your powerful spells. Words are not enough. here is his Email: or call/text him on his WhatsApp +2347012841542

He is also able to cast spell like 1: Lottery 2: Conceive 3: Breakup 4: Divorce 5: Cure for all kinds of diseases and viruses.
Great…!! that’s great advice, I read and also saw your every post, nice article very useful your post Thank you so much for sharing this and the information provide.
latest Government jobs
this is really good article I am enjoying this Article see government jobs click link
latest Government jobs
Rida Usman said…
thanks it will help us a lot i am using blogspot CMS

You have described and concluded beautifully, its really worth ready i have shared it with my followers on IG. Thank xx
cdsdf said…
Amazing Post Checkout my blog Latest Government Jobs
Baduk said…

I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts
go-sportstoto said…

I'm not sure where you got your information from. But it's a good topic.
Anonymous said…
This web site is really a walk-through for all of the info you wanted about this and didn’t know who to ask. Glimpse here and you’ll definitely discover it.


ايجي شوب said…
السفر يخلّص  malls guide عقلك من التوتر، وعندها تصبح أكثر قدرة مولات السعودية على التركيز على المهام والملاحظات أسواق السعودية وتعميق فهمك للموضوعات مولات الامارات كما يمنحك السفر فرصة تعلم أشياء جديدة، حيث تصادف أثناء سفرك أشخاصًا متنوعين وطعامًا وثقافة ونمط حياة ومجتمعًا متنوعًا، مما يجعلك على اسواق الامارت اتصال بأفكار لم تكن قد فكرت بها من قبل.
Excellent website you have here, so much cool information!..

Attractive, post. I just stumbled upon your weblog and wanted to say that I have liked browsing your blog posts. After all, I will surely subscribe to your feed, and I hope you will write again soon!

thanks for mice suggestion that you have provided us. we are glad to be here to read this.

Sruthi Karan said…
Beautiful blog and this is very useful for me. I hope you will update more interesting post and keep doing...
online solicitation of a minor
if you want to search govt job pakistan follow us

Popular posts from this blog

Troubleshooting Comments for Blogger