Rabu, 06 April 2011

How to Change the Appearance and Color Code Blog

For those of you who want to change the appearance of blogs in order to produce a blog that pretty sight but not to make the eyes glare, it's good to try the tips that I will present below. Though a great deal of talk about how to change the background blog but again I remind you that this posting has been my practice so that many errors can be minimized hehehehe ... Let us begin.
1. Changing Blog Header Background
Its location is at the top, usually used to put the title of the blog, whether it be writing or a banner. How to change this are:
Sign in Dashboard -> Layout -> Edit HTML, search for article # header-wrapper to use CTRL + F, I demonstrated the results would be like this.

# Header-wrapper {
background:
# F4f4f4;
and so on ........
If you want to change the color code # 000000 then it will be like this

# Header-wrapper {
background: # 000000;
and so on ........
If not find the writing background: # f4f4f4; You can add own text just below the # header-wrapper {
When is appropriate please save or preview it first.


2. Background Color Changing Body
Located behind the most basic or post pages. How to change this:
Sign in Dashboard -> Layout -> Edit html, body {text search using CTRL + F, I demonstrated the results would be like this.
body {
background: # 000000;
and so on ........
Please adjust your desired color code. When finished click save.

3. Changing Background Color Pages Postings / Main body
Located at the center and serve as a place of posting. How to change this are:
Sign in Dashboard -> Layout -> Edit HTML, search for article # main-wrapper {using CTRL + F, I demonstrated the results would be like this.
# Main-wrapper {
background: # 000000;
and so on ........
Please adjust your desired color code, when finished click save.

4. Changing the Sidebar Background Color
Located next to the post page / main body, how to change it is:
Sign in Dashboard -> Layout -> Edit HTML, search for article # sidebar-wrapper {using CTRL + F, I demonstrated the results would be like this.
# Sidebar-wrapper
background: # 000000;
and so on ....
Please adjust your desired color code, when finished click save.

5. Changing Background Color Footer
Located in the bottom of the blog page, how to change it is:
Sign in Dashboard -> Layout -> Edit HTML, search for article # footer {using CTRL + F, I demonstrated the results would be like this.
# Footer {
background: # 000000;
and so on ...
Please adjust your desired color code, when finished click save.
There beberpa templates that use css color code with only three digits instead of six digits, well keep what's the solution? Below I write some html color code commonly used by most people.

0 komentar:

Sudah ada diskusi

Terima kasih atas Komentar anda