Ketik di sini apa yang ingin dicari lalu Klik “Cari Di Sini”

Mengganti Background Blog Dengan Warna Dan Gambar

Mengganti Background Blog Dengan Warna Dan Gambar. Background blog dapat di ubah dengan warna dan gambar sesuai selera yang kita inginkan. Hal ini dilakukan untuk menghias blog agar tampilan blog menjadi lebih menarik. Namun yang perlu diingat jangan sampai tulisan pada blog menjadi sulit dibaca oleh pengunjung.

Cara Mengganti Background Blog Dengan Warna Dan Gambar secara sederhanan dapat dilakukan dengan mengikuti langkah-langkah sebagai berikut :

A. Mengganti Warna Background
    1. Masuk ke Dasbor Blogger.
    2. Pilih Templete.
    3. Pilih Edit HTML.
    4. Back up dulu templatenya.
    5. Cari kode seperti dibawah ini (tekan : Ctrl + F untuk mempermudah pencarian kode)

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

    Gantilah kode yang berwarna biru dengan kode warna yang dinginkan. Misalnya warna dengan kode : #000033;
    7. Kode diatas setelah dimasukan kode warna akan menjadi seperti ini.

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


B. Mengganti Background Dengan Image/gambar.
Siapkan sebuah gambar yang akan dijadikan background blog anda. Ubah ukuran gambar menjadi besar (lebar=1704 pixel dan tingginya=886 pixel)

Upload gambar lalu copy URL image/gambar tersebut.Misalnya : http://img268.imageshack.us/img268/6805/bodybgiq.jpg URL gambar diatas penampilannya seperti ini :


Lalu lakukan langkah-langkah seperti Mengganti Warna Background diatas, untuk memasukkan Kode HTML pada Templete Blog.

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

Ganti kode yang berwarna biru dengan kode gambar.image, sehingga menjadi seperti di bawah ini :

body {
background:#FFFFFF url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Klik tombol Simpan Template,  SELESAI

CATATAN
Gambar yang dapat memenuhi latar blog biasanya ber-ukuran 1704 pixel X 885 pixel
Sumber : http://epg-studio.blogspot.com/

ARTIKEL TERKAIT: