bagaimanakah cara merubah / mengganti 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 .oya jika anda belum baca artikel sebelumnya silahkan baca disini cara merubah background sidebar dan footer jika sudah kita lanjutin tutorial tentang merubah background 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 disiniatau 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 ...
Terima kasih Anda telah membaca Artikel mengenai merubah warna background blog
dan Kata kunci untuk Artikel ini yaitu merubah warna background blog
Tidak ada komentar:
Posting Komentar
Silahkan Anda Komentarkan Tentang Post ini yang baik dan sopan,
Jangan sampai komentar anda dianggap spam . . .