Cara mengubah background blog dengan foto dan html

Cara Mengganti Background Blog dengan Gambar :

1. Silahkan masuk ke dashboard blogspot

2. Pilih menu Template >> Sesuaikan >> Latar belakang

3. Klik Pada bagian Gambar Latar lalu akan muncul kotak pop up dan silahkan pilih gambar atau desain yang anda senangi

Anda juga bisa mengunggah gambar yang tersimpan di komputer anda, >> unggah gambar >> pilih file >> open >> jika sudah silahkan klik tombol Selesai

Anda dapat mengunggah file JPG, GIF, atau PNG berukuran hingga 300k. Untuk latar belakang penuh, gunakan gambar 1800x1600 atau lebih besar.

usahakan ukuran gambar yang anda gunakan tidak terlalu besar, usahakan di  bawah 50 Kb, agar tidak membuat loading berat dan lama.

Gambar tersebut dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap tidak berubah. Syaratnya ukuran gambar harus memiliki panjang vertikal minimal 860px. Contoh : 1220 x 880, 500 x 880, 1400 x 880.

Silahkan gunakan fungsi
Gulir dengan laman
Perataan
Deretkan

untuk mendapatkan pengaturan posisi gambar yang maksimal untuk kenyamanan tampilan blog. Perhatikan pada pratinjau, jika tampilan gambar blog sudah cocok dan menarik, klik tombol Terapkan ke blog.

Adapula cara ganti tampilan gambar blog yang kedua,

1. Masuk ke menu Template >> edit HTML

2. Lalu tekan CTRL+F dan carilah kode seperti ini : body atau #body atau .body

3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :

Advertiser

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCDEE8 none repeat scroll 0 0;
color:#333333;
font-family:Georgia Serif;
font-size:small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
text-align:center;
}

atau bentuk sederhananya seperti ini

body{

background:#d2d2c0;

color:#2226aa;

font:14px verdana,arial,Sans-serif;

text-align:justify;

margin:0;

}

4. Setelah ketemu, Anda tinggal menambahkan kode ini :

url('url link gambar yang ingin dijadikan background') repeat-x;

Sehingga, dari contoh kode diatas, menjadi :

body{

background:#ded8c0 url('url link gambar yang ingin dijadikan background') repeat-x; 
color:#2226aa;
font:14px verdana,arial,Sans-serif;
text-align:justify;
margin:0;}

4. Klik Pratinjau untuk melihat hasilnya. dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan yang Anda inginkan.