Cara Mengganti Background Blog dengan Gambar

Cara Mengganti Background Blog dengan Gambar - Yap! Pada kesempatan kali ini , BLOGNYA SI IMIN akan memposting mengenai tutorial blog. Jarang sebenarnya saya untuk memposting tentang tutorial blog. Itu dikarenakan saya sendiri masih belum menguasai ilmu blogging dan juga sedang sibuk-sibuknya mengoptimasi kontes Belanja Online Grosir Eceran Murah dan Aman. Dan berhubung baru-baru ini saya belajar mengganti background blog dengan gambar, maka dari itu saya kepikiran untuk mempostinganya disini.

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/AVvXsEiuhX9wfT6wb3kAaL_w2g3Tj5UDPG-idITeWQerRzHBupe5tI-0FmhIfgJ6X7PeW7VE50DSbcMh27s-9SQRpLTSO-rfvJtQ4WfmA1xrqo0URzDZsceKpv3_ajX4O7y7g2PbFm_CgrJh9oc/s1600/484109_3522467269431_1325647375_n.jpg

Maka kalian cukup menambahkan url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhX9wfT6wb3kAaL_w2g3Tj5UDPG-idITeWQerRzHBupe5tI-0FmhIfgJ6X7PeW7VE50DSbcMh27s-9SQRpLTSO-rfvJtQ4WfmA1xrqo0URzDZsceKpv3_ajX4O7y7g2PbFm_CgrJh9oc/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/AVvXsEiuhX9wfT6wb3kAaL_w2g3Tj5UDPG-idITeWQerRzHBupe5tI-0FmhIfgJ6X7PeW7VE50DSbcMh27s-9SQRpLTSO-rfvJtQ4WfmA1xrqo0URzDZsceKpv3_ajX4O7y7g2PbFm_CgrJh9oc/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 ^^