Cara mengganti background blog

hai sobat sekalian, apa kabarnya nih ? Saya harap semua dalam keadaan sehat walfiat. Langsung pada pokok pembahasan aja ya. Tutor kali ini tentang cara mengganti background blog. Contoh seperti background pada blog saya ini, dahulu warna bg (background) nya putih, sesuai dengan bawaan template minima. Setelah melewati proses pengeditan, akhirnya warna bg blog saya menjadi warna hitam.
pengen tau proses pengeditannya ? let's cekidot...

• Sign in di blogger.com

• Pilih tab rancangan

• Edit html

• Back up template sobat di link DOWNLOAD TEMPLATE LENGKAP untuk mencegah bila terjadi kesalahan
• Cari kode seperti di bawah ini pada kotak edit template

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

ket: kode berwarna merah di atas merupakan kode variabel (default) warna bg template minima yaitu berwarna putih.

• Misalnya kita ingin mengganti warna bg blog menjadi hitam, anda dapat merubah kode yang berwarna merah di atas dengan kode BLACK atau #000000. Contoh :

body {
background: black;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

atau juga

body {
background: #000000;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

itu merupakan contoh mengganti warna bg blog sobat. Bagaimana bila diganti dengan image atau gambar ? Bisa juga gan,
misalnya contoh gambar di bawah ini yang AMI simpan di image hosting gratis photobucket :


sobat hanya perlu menambahkan kode seperti contoh berikut ini:

body {
background:#000000 url(http://i764.photobucket.com/albums/xx283/amimizunox/thamibgmodif-1.png);
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

ket: Kode yang berwarna hijau di atas merupakan kode alamat url image/gambar yang AMI simpan di photobucket.com

• Preview bg blog anda pada tombol PRATINJAU untuk meninjau hasil editan anda.
  
• Lanjutkan dengan tombol SIMPAN TEMPLATE bila proses pengeditan template telah selesai
  

NB: Jadi bila kita ingin mengganti bg blog dengan image/gambar, setidaknya kita harus mempunyai tempat untuk menyimpan image/gambar kita di dunia maya, seperti photobucket.com (hosting image gratis)
Tentang hosting image gratis tersebut, silahkan sobat baca di sini.

Untuk melihat contoh bg image di atas silahkan KLIK DI SINI

Sekian dan semoga bermanfaat.

Posting terkait:

Tutorial Blog

• KODE WARNA HTML
• Blogger In Draft ( Perancang Template Blogger )
• Pasang Fans Box Facebook di Blog
• Tutor: Cara memposting entri blog
• Tutor: Cara membuat blog