How To Add A Background Image In Your Blog And Make It FIXED










Finding a background image for your blog is not an easy thing to do, You have to choose the right color for your image to match your template's color. There are other things you should consider like :

  • Pixel size
  • Pattern (if you want to use pattern)
  • Picture (if you want to use picture)
  • Image copyright issue
Except the Blogger standard templates, Not all templates give us access to insert image through the template design setting. This means we have to do it from the template's HTML editor.









To insert a background image using the template's HTML editor, We only have to find some codes after the body { tag and add an image url next to them.

To do this, Please follow the below steps :

  • Log in to Blogger.
  • Go to dashboard > Click Template > Edit HTML > Proceed
If your template only have a solid color background without an image, The code will look similar like this :

body {
    color: #000000;
    background: #ddd ;
    font: 12px/18px Verdana, Helvetica, sans-serif;
}
To add a background image, Simply add the code marked with red : 

body {
    color: #000000;
    background: #ddd url(YOUR IMAGE URL) ;
    font: 12px/18px Verdana, Helvetica, sans-serif;
}
What to think next is to set wether the image are showing repeatedly in the background or Just fixed when we scroll the page.


If we haven't set the image yet to be fixed, Some images will show this repeated pattern which is not looking good at all :

To avoid the repeated pattern shown in your page, You can add the code marked with red next to the image url :

body {
    color: #000000;
    background: #ddd url(YOUR IMAGE URL) fixed;
    font: 12px/18px Verdana, Helvetica, sans-serif;
}

Save your template and refresh your blog page to test the background image.


Finally! A website design course that provides you with a complete system to not only get your website online as quickly as possible, but also to assist you in graphic design, using Cascading Style Sheets, JavaScript, Marketing and Promoting your website and more. Click here !


White Space is Not Your Enemy : A Beginner's Guide to Communicating Visually through Graphic, Web and Multimedia Design [Paperback]



Also from Amazon :   
      1,000 Creative Writing Prompts : Ideas for Blogs, Scripts, Stories and More
      When you finally have the opportunity to sit down and write, you want absolutely nothing to get in your way. In an ideal world, the ideas would flow from head to pen quickly and easily. You would have thousands of ideas at your fingertips. This new idea-generating book makes that dream a reality.

      Becoming A Blogger: How to Start a Blog This Afternoon and Make Money From Home For Years to Come (Make Money Online)
      Some bloggers make small, part-time incomes that supplement their full-time job. Others are making blogging their sole pursuit and earning a huge income each month. Blogging can be a big thing or a small thing depending upon how much time and energy you invest into your new venture.

      Other Great Stuffs : 

      Celebrity Blogging
      Discover The Secrets To Setting Up Your Own Personal Blog For MASSIVE Brand Building... And Build A Name For Yourself That People Will Know, Like And Trust!

      If You Have A Few Hours Per Week, Then We Can Show You How To Earn Significant Income With Your Own Blog! Step by Step. Click to find out !
      Know how to find a great market niche and write a successful blog? Great, you don’t need the steps within each of these components. Know how to design the web page and overcome technical difficulties? No? No problem, Here is a deeper level of instruction for that!

      Struggling to make money online? It's about to get quicker and easier than ever before...Click here !
      How JUST One Of The Blogs I Create During By The Forth Month Has Already Netted Me $2,537.29

      1500 MB of disk space, 100 GB of data transfer, PHP and MySQL support with no restrictions, cPanel control panel, Website Builder, Absolutely no advertising ! Join now : CLICK HERE !

      Read books on your computer or other mobile devices with FREE Kindle Reading Apps.



      ?max-results=10">');

      ?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");