Wednesday, March 11, 2020

√ Cara Mengubah Background Blog Dengan Gambar

Kebanyakan blog menentukan backgroundnya dengan warna solid daripada dengan gambar, hal ini dikarekan supaya loading blog kita menjadi cepat. Bayangkan jikalau ada pengunjung blog kau ingin membaca salah satu artikel namun alasannya yaitu loading itu sangat lambat, pengunjungpun akan merasa jengkel sehingga keluar dan beralih ke blog lain.

Selain itu, kelebihan background blog dengan warna solid atau warna yang rata menciptakan mata lebih nyaman dikala hendak membaca sebuah artikel yang di sajikan dalam blog tersebut.

Namun Jika kau memang ingin mengubah background blog dengan gambar, sebaiknya kurangi beberapa widget yang berdasarkan kau tidak penting. Sehingga kemungkinan kecepatan blog kau hanya berkurang sedikit. Serta gunakan gambar yang ingin di jadikan backgroun blog dengan ukuran maksimal 500kb (Lebih baik dibawah 100kb). Untuk resolusi sesuai impian kau saja, tapi lebih baik di bawah 1200px x 800px dan gunakan format jpg atau jpeg.

Kebanyakan blog menentukan backgroundnya dengan warna solid daripada dengan gambar √ Cara Mengubah Background Blog Dengan Gambar


Jika sudah baiklah atau memiliki gambar kini waktunya menerapkannya. Berikut ini cara mengubah background blog fengan gambar:

1. Simpan gambar/foto dimana saja yang penting bersifat publik dan dapat dilihat orang (Disini aku memakai mediafire)

2. Buka blogger.com kamu

3. Klik Tema pada sidebar -> Kemudian pilh Edit/HTML

Kebanyakan blog menentukan backgroundnya dengan warna solid daripada dengan gambar √ Cara Mengubah Background Blog Dengan Gambar

4. Cari Kode body{ atau body {

5. Jika sudah ketemu silahkan ganti yang aku tandai dengan isyarat dibawah ini
url(http://www.mediafire.com/convkey/1d2e/5ld3cx1wdd8gev2zg.jpg) repeat ;


6. Sehingga menjadi
body {  background: url(http://www.mediafire.com/convkey/1d2e/5ld3cx1wdd8gev2zg.jpg) no-repeat ;  margin: 0 0 0 0;  padding: 0 0 0 0;  color: #777777;  font: normal normal 16px Roboto, Arial, sans-serif;  text-align: left;  }

Note:     
  • Jangan lupa ganti url gambar/foto kamu
  • repeat berfungsi untuk menampilkan gambar berulang-ulang.
  • no-repeat berfungsi untuk menampilkan gambar tunggal dan tidak berulang-ulang.
  • repeat-x berfungsi untuk mengulangi gambar secara vertikal.
  • repeat-y berfungsi untuk mengulangi gambar secara horzontal.

7.    Selesai, silahkan lihat hasilnya




Sumber http://www.warunginter.net/