Cara Mengganti Background Blog Dengan Gambar

Beberapa blog yang pernah saya kunjungi menggunakan gambar sebagai backgroundnya, memang sangat bagus dan bisa menyesuaikan dengan tema blog Anda.

Tapi, dari segi loading mungkin ini akan sedikit memperlambat kecepatan blog Anda.

Saran saya jika Anda ingin menggunakan latar belakang atau background gambar lebih baik kurangi beberapa widget yang tidak perlu.

Kebanyakan template blog di jaman sekarang ini menggunakan background warna solid alasannya memang agar loading blog lebih cepat dibandingkan jika menggunakan gambar.

Selain itu background atau latar belakang blog dengan warna solid atau warna yang rata membuat mata lebih nyaman ketika membaca sebuah artikel yang ada di blog tersebut.

Oh iya, sekarang ini sedang populernya mengubah background menggunakan warna gradasi.

Nah, di atas sudah saya kasih tau kalau pakai gambar atau foto jadi background di blog bisa memperberat loading blog.

Memang sih tidak ada salahnya buat mengganti background blog dengan menggunakan gambar, animasi, atau foto Anda sendiri, bahkan bisa juga menggunakan video.

Ini tergantung Anda sendiri, jika memang ingin tetap menggunakan background gambar maka akan saya lanjut untuk cara mengganti background blog dengan gambar.

Baca juga: Cara Memasang Gambar Background Random di Blogger

Tapi sebelum itu ada beberapa poin yang perlu Anda perhatikan sebelum mengganti background blog menggunakan gambar, foto, atau animasi.
  • Gambar/foto/animasi harus berukuran maksimal 500kb, rekomendasi saya harus di bawah 100kb.
  • Untuk ukuran resolusi gambar saya sarankan 1024px x 768px atau bebas sesuai keinginan.
  • Gunakan format gambar .jpg atau .jpeg kalau animasi pasti .gif tapi tidak saya rekomendasikan.
  • Gambar di upload di mana saja asalkan bersifat publik dan bisa dilihat siapa saja.

Cara Mengganti Background Blog Dengan Gambar

Ada dua cara mengganti background blog dengan gambar.

Pertama, bisa dengan cara customize atau menyesuaikan di bagian Template > Sesuaikan.

Dengan menggunakan cara pertama Anda tidak perlu memperhatikan poin-poin yang sudah saya sebutkan di atas, karena gambar sudah di sediakan oleh Blogger.

Kedua, bisa dengan cara mengedit kode css yang digunakan di bagian Template > Edit HTML.

Jika Anda langsung mengeditnya di bagian css template blog, Anda bisa mengganti gambar background blog sesuai dengan keinginan Anda.

Tapi jika dengan cara ini Anda harus memperhatikan poin-poin yang sudah saya sebutkan di atas.

Baik jika Anda tertarik untuk mengganti background blog dengan gambar silahkan ikuti langkah-langkahnya di bawah ini.

1. Cara Mengganti Background Blog Melalui Tombol "Sesuaikan"

1. Masuk ke Blogger.com
2. Klik Tema > Sesuaikan
3. Kemudian klik Latar belakang > Gambar latar > pilih gambar background > Selesai > Terapkan ke Blog

Desainer Tema Blogger - Latar belakang

4. Selesai, silahkan lihat blog Anda

2. Cara Mengganti Background Blog Melalui Tombol "Edit HTML"

1. Masuk ke Blogger.com
2. Klik Tema > Edit HTML
3. Kemudian cari kode body{ atau body { seperti gambar di bawah ini

Kode CSS Body

4. Lalu pas bagian kode background sampai ; (titik koma) kalian ganti, contohnya seperti ini
body {
background: #fff;
color: #222;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
line-height: 22px;
padding: 0;
word-wrap: break-word
}

Menjadi seperti ini
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJrYf1ydMBSouWZ35OSBPUI_jl3wLQ4cIRMWzs_qfOALTbVoyCHh6N221CKGa_6lktPoEWdRZ8V74rbnKFSDvO5-roYJc5f8uPW2q-dkD3RFpJ4KCXHp7LV1neEAOiR_tNKEj3P50BH5w/) no-repeat;
color: #222;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
line-height: 22px;
padding: 0;
word-wrap: break-word
}

Catatan:
Kode di bagian belakang background seperti contoh di atas yaitu no-repeat untuk mengatur posisi gambar, berikut beberapa kode yang bisa digunakan untuk mengatur posisi gambar.
1. repeat berfungsi untuk menampilkan gambar berulang-ulang.
2. no-repeat berfungsi untuk menampilkan gambar tunggal dan tidak berulang-ulang.
3. repeat-x berfungsi untuk mengulangi gambar secara vertikal.
4. repeat-y berfungsi untuk mengulangi gambar secara horzontal.

Itulah artikel mengenai cara mengganti background blog dengan gambar, semoga bermanfaat.
Cara Manual Cuman hobi nulis tentang tutorial blog jadi deh blog cara manual.

Belum ada Komentar untuk "Cara Mengganti Background Blog Dengan Gambar"

Posting Komentar

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel