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.
Komentar
Posting Komentar