Thursday, September 12, 2013

Cara Mengganti Latarbelakang Blog Dengan Gambar

Berikut langkah mengganti latarbelakang blog dengan gambar:

  1. Login ke Blogger.
  2. Selanjutnya menuju ke Template > Edit HTML.
  3. Setelah itu cari kode seperti di bawah ini:
    body {
    /*
    Di sini banyaknya kode CSS yang mengatur body
    */
    }
    
  4. Jika sudah ditemukan, tambahkan kode di bawah ini ke dalam body{}:
    background: #FFF url("Alamat_Gambar");
    
  5. Sehingga hasilnya akan menjadi seperti berikut:
    body {
    /*
    Di sini banyaknya kode CSS yang mengatur body
    */
    background: #FFF url("Alamat_Gambar");
    }
    
  6. Jangan lupa ganti Alamat_Gambar dengan URL dari gambar yang ingin digunakan. Simpan template untuk melihat perubahan.

Untuk mengetahui bagaimana mengatur background, silahkan belajar CSS. Ketikkan belajar css pada kotak pencarian Google lalu enter, nanti akan ditampilkan begitu banyaknya situs, blog yang membahasnya.

Atau bisa juga menggunakan cara ini:

  1. Login ke Blogger.
  2. Selanjutnya menuju ke Template > Customize.

    Cara Mengganti Latarbelakang Blog Dengan Gambar 1

  3. Di halaman Blogger Template Designer, klik pada tulisan Background, kemudian klik anak panah yang menghadap ke bawah.

    Cara Mengganti Latarbelakang Blog Dengan Gambar 2

  4. Nanti akan muncul jendela seperti gambar di bawah. Cukup mengklik gambar yang ingin digunakan. Setelah itu klik tombol Done.

    Cara Mengganti Latarbelakang Blog Dengan Gambar 3

  5. Selanjutnya mengklik tombol bertuliskan Apply to Blog untuk menerapkannya. Posisi tombol ini berada di sudut kanan atas. Berikut tampilan tombolnya:

    Cara Mengganti Latarbelakang Blog Dengan Gambar 4

  6. Selesai.