Zethag Tech Blog : How to change background color for custom templates

Wednesday

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 the go and hire some blog experts to help them do it while they are busy with other important matters, and the reason is because 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 being 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 in a text editor. This is to avoid mistake/loss.
This is very important do it whenever you want to work on theme.


Step 2

Open a new tab on your browser and with 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 style sheet and save it before changing the color.
The above code is the css sylesheet 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 the 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



🔛🔛🔛🔛🔛🔛🔛🔛➤









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.

9 comments:

  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!

    ReplyDelete
    Replies
    1. Thank you very, much we will look forward to adding those features soon.

      Delete
  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!

    ReplyDelete
    Replies
    1. thank you for leaving these comment i realy apreciate your effort and time reading my article

      Delete
    2. This comment has been removed by the author.

      Delete
  3. Enjoyed looking at this, very good stuff, thanks.

    ReplyDelete
  4. 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!

    ReplyDelete
    Replies
    1. thank you for stoping by i realy apreciate you reading through my articles.


      Here is a recommended site Zealmat Tech Blog

      Delete


Click here to set up a domain for your blog at domainking. And also enjoy 25% Discount on any hosting you buy using zethag.com coupon code here is the coupon code

"ZETHAGSUPRIZE" offer is valid till 30th of October 2017

Back to Top