Cara Mengganti Background Blog Dengan Gambar

Cara Mengganti Background Blog Dengan Gambar - Terimakasih buat sist Farida Ratna Sari atas komentarnya Disini "gmn sih cara mengganti background polos putih menjadi gambar?? aku coba tambah url kok gak bisa2 ya.. gak muncul2 gambarnya.. apa kodenya salah atau gmn?? tlg di jelaskn ya... termksh. aku suka templatenya tp gak suka warna backgroundnya yg polos.. jd pingin q ganti gtuu" Artikel tentang cara mengganti background blog dengan gambar ini merupakan request dari mbak Farida

Dan ini adalah background blog milik mbak Farida yang telah saya ganti tampilannya, maaf ya mbak Farida yang penting masih terlihat link blognya kan? hehee

Berikut Cara Mengganti Background Blog Dengan Gambar

Silahkan cari kode-kode berikut untuk mengganti background blog dari setiap elemen blog yang akan diganti backgroundnya
Background Blog Keseluruhan
Cari kode body {
Letakkan kode background: url(pasang link gambar background disini) repeat-y center; diantara kode body yang telah ada
Hasilnya
body {
color: #000000;
background: url(pasang link gambar background disini) repeat-y center;
---
}
Background Judul
Cari kode #header-wrapper {
Letakkan kode background: url(pasang link gambar background disini) repeat-x scroll left bottom; diantara kode #header-wrapper yang telah ada
Hasilnya
#header-wrapper {
background: url(pasang link gambar background disini) repeat-x scroll left bottom;
height:90px;
width:100%;
}

Catatan: Beberapa template ada yang menggunakan #header-outer, #header-inner
Background Posting atau Artikel Blog
Cari kode #main-wrapper {
Letakkan kode background: url(pasang link gambar background disini)repeat-y; diantara kode #main-wrapper yang telah ada
Hasilnya
#main-wrapper {
background: url(pasang link gambar background disini)repeat-y;
float:left;
----
}

Catatan: Beberapa template ada yang menggunakan #content-wrapper
Background Diluar Area Posting
Cari kode #outer-wrapper {
Letakkan kode background: url(pasang link gambar background disini)none repeat scroll 0 0; diantara kode #outer-wrapper yang telah ada
Hasilnya
#outer-wrapper {
background: url(pasang link gambar background disini)none repeat scroll 0 0;
border:1px solid #000;
---
}

Catatan: Beberapa template ada yang menggunakan #inner-wrapper
Background Sidebar
Cari kode #sidebar h3{
Letakkan kode background:#9F9E9E url() repeat-x top;letter-spacing:-.001em;font:normal 12px Arial;color:#eee; diantara kode #sidebar yang telah ada
Hasilnya
#sidebar h3{
background:#9F9E9E url() repeat-x top;letter-spacing:-.001em;font:normal 12px Arial;color:#eee;
---
}

Catatan: Beberapa template ada yang menggunakan #sidebar h2, .sidebar h2, .sidebar h3
Background Footer
Cari kode #footer{
Letakkan kode background: url() repeat-x scroll bottom;font:normal 12px Arial; diantara kode #footerr yang telah ada
Hasilnya
#footer{
background: url() repeat-x scroll bottom;font:normal 12px Arial;
---
}

Catatan: Beberapa template ada yang menggunakan #footer-wrapper, .footer

Jika semua kode yang anda cari tidak ada didalam template blog anda, silahkan sesuaikan dengan nama elemen yang anda cari. Misalnya body, header, sidebar, main, content, dan footer. Dan jika masih belum menemukan kode-kodenya silahkan baca artikel berikut ini Cara Mengetahui Kode Template Blog Secara Profesional

Terimakasih, semoga artikel ini bermanfaat dan memudahkan kita dalam mengedit blog kita. Jika ada pertanyaan, silahkan tinggalkan komentar untuk artikel ini, Cara Mengganti Background Blog Dengan Gambar