Cara Mengganti Background Blog dengan Gambar

Untuk mengganti background blog dengan gambar sangatlah mudah. Tidak rumit dan cukup mengikuti langkah-langkahnya saja. Nah yang mau coba-coba untuk mengganti background blog kalian dengan gambar, silahkan ikuti langkah-langkah berikut:

1. Login ke akun blogger kalian

2. Masuk ke Template lalu klik Edit HTML

3. Lalu klik Lanjutkan dan centang "Expand Widget Template"

4. Cari kode body {

5. Biasanya kodenya seperti ini:

body{

background: #ffffff;

color:#28261A;

font:12px verdana,arial,Sans-erif;

text-align:center;

}

6. Nah untuk mengganti warna background dengan gambar tinggal tambahkan url gambarnya, misalnya

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintDRNPHdOykF3oiEcB4SIvTjCKRQZJP4G2yvek7_WU4vvq-sgpVMn1YihW849-B7BreTmMlXq5Y3aVHoI25l4WO2iaMMGQ6qlrt9iOKY9_Qaq1DMB2iaCzi2-7bNU89GAZPh8cgOIKWs/s1600/484109_3522467269431_1325647375_n.jpg

Maka kalian cukup menambahkan url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintDRNPHdOykF3oiEcB4SIvTjCKRQZJP4G2yvek7_WU4vvq-sgpVMn1YihW849-B7BreTmMlXq5Y3aVHoI25l4WO2iaMMGQ6qlrt9iOKY9_Qaq1DMB2iaCzi2-7bNU89GAZPh8cgOIKWs/s1600/484109_3522467269431_1325647375_n.jpg); repeat-x; pada background tersebut.

Paling tidak hasilnya seperti di bawah ini:

 

body{

background: #ffffff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintDRNPHdOykF3oiEcB4SIvTjCKRQZJP4G2yvek7_WU4vvq-sgpVMn1YihW849-B7BreTmMlXq5Y3aVHoI25l4WO2iaMMGQ6qlrt9iOKY9_Qaq1DMB2iaCzi2-7bNU89GAZPh8cgOIKWs/s1600/484109_3522467269431_1325647375_n.jpg); repeat-x;

color:#28261A;

font:12px verdana,arial,Sans-erif;

text-align:center;;

}

7. Ada sedikit tips jika kalian ingin gambar background yang kalian pilih akan tetap walaupun sudah di scroll ke atas atau ke bawah asalkan gambar kalian termasuk gambar yang besar. Tinggal ganti repeat-x; menjadi repeat-x top left fixed;

Ataupun kalau gambar kecil ukurannya, bisa juga dijadikan penuh / besar dan tetap untuk background blog kalian. Caranya tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;

 

Selamat Mencoba dan Semoga bermanfaat ^^