Featured Blogs
Suggest a blog

Templates News
BlogOut on 24th May in Singapore How to Upload Images to the File Manager Playing Music Video On Your Blog About the (new) BlogDrive WYSIWYG Editor Christmas Templates
All news...

Blogdrive Scripts
Sociable for Blogdrive - all-in-one Google Sitemap Generator for Blogdrive How to Edit Old Entry using Plain Text? Recent Entries Script (AJAX RSS Reader) Comments Page Tool - Auto Hide Entry
All scripts...

Layouts & Designs
The Cutting Edge Dusk Angel's Memories Gunbound ~ Ha'Je F.R.I.E.N.D.S. Blue nonsense world... so lost; so lonely Initial D S T R I F E - Final Fantasy fullmetalkupal ZGMF-X10A Freedom Gundam Seed
All layouts...

Enter your email for new updates:













Background Color and Images

 
Go to "Layout & Design", under "Main Template Edit"

How to change my background color? There are two ways of accomplishing this, the CSS method, or HTML method: (#CC0000 represents red color)
* Red represents the area you need to add or edit. For a wider range of color codes, click here.
  1. CSS method (prefered) - search for the body styles within the <STYLE> tags:
    body{
    background-color: #CC0000;
    }
  2. HTML method - search for the following and edit accordingly:
    <body bgcolor="#CC0000">

How to insert a background image? Before doing this, make sure you have your image URL ready, find a free image host to upload your images. Again, there are two methods, the CSS method and the HTML method:
  1. CSS method (prefered) - search for the body styles within the <STYLE> tags:
    body{
    background: url("http://www.blogdrive.com/imagename.jpg");
    }
    Fixed background:
    body{
    background: url("http://www.blogdrive.com/imagename.jpg") fixed;
    }
    Only repeat horizontally:
    body{
    background: url("http://www.blogdrive.com/imagename.jpg") repeat-x;
    }
    Only repeat vertically:
    body{
    background: url("http://www.blogdrive.com/imagename.jpg") repeat-y;
    }
    Without repeat:
    body{
    background: url("http://www.blogdrive.com/imagename.jpg") no-repeat;
    }
    Position image to the center of the page:
    body{
    background: url("http://www.blogdrive.com/imagename.jpg") center;
    }
  2. HTML method - search for the following and edit accordingly:
    <body background="http://www.blogdrive.com/imagename.jpg">
    Fixed background:
    <body background="http://www.blogdrive.com/imagename.jpg" bgproperties="fixed">


Posted at 05:43 am on Sunday, February 27, 2005 by Admin

View Comments: 28