MENGUBAH WARNA BACKGROUND BLOG

merubah warna background blog adalah salah satu cara untuk mempercantik dan memperindah penampilan blog anda . bagi pemula seperti saya atau anda tidak ada salahnya apabila ingin mencoba merubah - rubah warna background Element pada template blog anda.

seperti yang sudah saya janjikan pada waktu posting artikel mengenai cara merubah background sidebar dan footer di blog.kali ini kita akan membahas tentang cara mengganti / memberi warna background pada , body ,post-body ,pos- footer ,main-outer , pada blog anda.

• seperti biasa login dahulu ke bloger dasbor anda
• klik Template >> Edit Html >> cari cepat ( ctrl+F ) dan cari kode css .body
• jika sudah scroll / geser kebawah maka akan nampak seperti gambar dibawah

Merubah background body

dan silahkan anda rubah pada aturan css body, .body-fauxcolumn-outer {background:warna background disini;} dan ubah juga semua yang aturan cssnya ada tulisan .body hingga sebelum code css

/* Header
----------------------------------------------- */

Merubah warna background Header

dan untuk merubah warna background pada header anda tinggal ubah aturan cssnya sesudah kode diatas contoh :

.header-outer{background:warna background disini;}

header-outer untuk merubah background pada sisi atas header .dan seterusnya ubah aturan css yang mengandung tulisan background . hingga habis code css header .

Merubah warna background post

silah kan anda rubah code cssnya untuk background post setelah code dibawah :

/* Posts
----------------------------------------------- */

dan tepatnya pada baris code css dibawah :

.post-body{background:warna background disini;}

note : untuk merubah background pada post body ada 2 metode yaitu seperti contoh di atas dan satunya dengan merubah pada aturan css

/* Columns
----------------------------------------------- */
.main-outer {background:warna background anda disini;}

dan set background post-body dengan warna transparan contoh :

.post-body{background:transparent;}

Merubah warna background post-footer

anda juga dapat merubah warna background pada post-footer yaitu letak label , posted by Tony Ahmad silah kan anda rubah warna backgroundnya pada aturan css dibawah :

.post-footer {background:warna background disini;}

Merubah / menghapus background gambar postingan

contoh :

.post-body img, .post-body .tr-caption-container{silahkan anda rubah aturan css nya disini;}

Note : untuk yang ada code css seperti (http://lokasi.gambar) no-repeat; atau {background-repeat:no-repeat; berarti template anda menggunakan background url gambar silahkan anda ganti dengan url gambar anda sendiri atau ubah dengan name color / hex color Hex color disini

atau biasanya untuk merubah warna background anda memerlukan seperti efek shadow silahkan baca disini cara memberi efek bayangan shadow
atau juga anda memerlukan efek gradiasi silahkan anda baca disini efek gradiasi gradient
dari sini tutorial cara merubah warna background blog selesai
semoga artikelnya membantu ...