How to change background color for custom templates

How to change background color for custom templates

How to change background color for custom templates


Main looking at this topic, it looks complicating for a blogger who doesn’t have the knowledge of programming both CSS/HTML, some of the bloggers out 100%, 68% have this knowledge while the rest are just into the game of blogging all they do is to seek for technical support and get it done this way they spend much on this kind of technical issues if it tends to come up any day, there are bloggers who are desperately in need of this knowledge to make use of on their own site/weblog.
And they include;
Health niche bloggers
Entertainment niche bloggers
Food niche bloggers
Freelance niche bloggers…. Etc





They don’t have time for technical issues on their blog instead of the go and hire some blog experts to help them do it while they are busy with other important matters, and the reason is that they need to update their blog always to keep the audience and also be among the top on their niche.

Briefly, in this topic am going to teach you how to change the background color for your blogger template,
 All you have to do is to sit back grab a cup of coffee and read carefully, am going to teach  you based on my knowledge and how best I know it I have been using this method for quite a long time even before finding out that it has gone viral on the internet.



Requirements include;


·         Notepad++/
·         Sublime text 3
·         Dreamweaver




Any of the above text editors to save your work.If you don’t have any of these text editors on your pc, then it’s time to go and download one.


Step 1

Download your current blogger template or copy and paste it into a text editor. This is to avoid mistake/loss.
This is very important do it whenever you want to work on the theme.


Step 2

Open a new tab on your browser and with an internet connection.

Step 4

On that, your blog home page move the mouse to the white background as indicated on the image below
And right click then press Q  on chrome and Firefox if you are using UC Browser right click then press ctrl+shift+I on UC browser.
To inspect the page element.
On the screen, a layout will be displayed containing HTML and CSS codes.
On the layout, you will see CSS part its right that’s what we are going to use for this experiment before applying it to your website, just grab a cup of coffee a relax while you read the rest of the article.
You are going to use CSS because it is the beauty of every website.

Step 5
Now locate these codes given below.


body {   background: #000000


}


Now Copy the default hex code in the stylesheet and save it before changing the color.
The above code is the CSS stylesheet for the page background. The next thing to do now, you first of all check if it is the main background of the page by changing the hex color to another default color, is it changing? If yes then that’s your main background color for your blog if it is not changing then you have to keep looking for it until you figure out where it’s hiding.
.


NOTE: the color you changed is not set as permanent yet, which means that the effect is temporary.
What to do next.

Step 6

Go to your blogger dashboard navigate to Theme > Edit HTML
Then press CTRL+F to find the CSS code below

body {   background:

Replace the hex color with your preferred color
 And save your theme and preview





before.png

after.png

 To








If you have any problem with this tutorial or you want us to make any changes to this article please do not hesitate to mail or contact us via commenting or emailing 

Thank you.


Read Also  How to Centralize Adsense in Blogger

Written by Yusuf Bitrus

I'm a Digi-Preneur, Affiliate Marketer, SEO intermediate and Blogger by heart.
I Help bloggers and business by writing and providing solutions digitally via my blogs, social media, and online/offline events.

9 Comments

Leave a Reply
  1. Have you ever thought about adding a little bit more than just your
    articles? I mean, what you say is important and everything.
    But just imagine if you added some great images or video clips
    to give your posts more, "pop"! Your content is excellent but
    with images and video clips, this site could definitely be one of the very best in its niche.

    Excellent blog!

  2. Having read this I thought it was really informative.
    I appreciate you taking the time and nergy to pput this
    short article together. I once again find myself personally spending
    a loot of time both reading and leaving comments. But so what, it was still worthwhile!

  3. Hey! This is my first comment here so I just wanted to give a quick shout out and say I genuinely enjoy
    reading through your articles. Can you recommend any other blogs/websites/forums
    that cover the same subjects? Thanks for your time!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.