Senin, 08 April 2013

Cara Mengganti Background Blog dengan Gambar

Dalam mengedit dan memodifikasi sebuah blog, dibutuhkan pemikiran dan pandangan yang luas. Contohnya, background yang Anda ganti, template yang Anda download, artikel terkait yang Anda gunakan dll. Namun terlepas dari itu semua, kegunaan yang ingin didapat dari pengeditan tersebut bukan untuk tampilan yang mewah tetapi lebih ke kenyamanan pengunjung blog dalam melihat blog kita serta sedikit ditambahkan optimization SEO.

Cara Mengganti Background Blog dengan Gambar :
1. Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini : #body atau .body 
3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
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:#28261A;font:12px verdana,arial,Sans-erif;text-align:left;margin:0;}
5. Klik Preview untuk melihat hasilnya. dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan Anda.

Gambar tersebut juga dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap dan tidak berubah. Syaratnya ukuran gambar harus memiliki panjang vertikal minimal 860px. Contoh : 1160 x 880, 600 x 880, 1400 x 880. Caranya tinggal kamu rubah  kata repeat-x; menjadi repeat-x top left fixed;

Atau kamu juga bisa merubah sebuah gambar kecil menjadi gambar besar. Caranya sama tinggal mengganti repeat-x; menjadi repeat scroll 0 0;
sumber 

Tidak ada komentar:

Posting Komentar

Salam Sukses