Cara Memasang Background dua sisi di Blog
February 12, 2020
Imamkunblog | Pada kesempatan kali ini saya akan memberikan tutorial membuat Background di Blog dua sisi seperti di blog saya ini. Anda bisa melihat di blog ini terdapat dua background anime di sisi kiri dan kanan. Seperti itulah background yang akan kita buat.
Menambahkan background gambar di blog memang bisa membuat blog sedikit lambat, tetapi untuk mengatasi masalah tersebut bisa kita atasi dengan cara meng-kompress gambar yang semula ukuran gambarnya ratusan KB bahkan MB, kini kita jadikan puluhan kb saja.
Membuat background di blog kali ini hanya akan bekerja di tampilan Desktop (PC) saja, untuk tampilan mobile tidak muncul. Disini kita hanya menggunakan kode CSS saja dan pastinya mmebuat ringan.
Memasang background di blog memang bisa membuat blog memiliki tampilan keren dan menarik, apalagi jika menggunakan gambar anime pasti jauh lebih keren lagi. Nah, dari pada berlama-lama mari kita langsung mulai saja ke tahap pemasangannya! cekidot!
1. Pertama, anda silahkan login ke blogger.com
2. Kemudian Pada Dashboard pilih Tema > Edit HTML
3. Cari kode </style>
4. Jika sudah ketemu copy dan pastekan kode dibawah ini tepat diatas.
6. Jika sudah klik simpan dan lihat hasilnya!!
7. Selesai!
Untuk melakukan kompress gambar anda bisa pergi ke website ILoveImg. Usahakan gambar anda hanya puluhan KB saja supaya lebih cepat. Supaya lebih baik anda dapat memasang Script Lazy Load Images di blog supaya semua gambar di blog sobat makin cepat.
Baca Juga: Cara Memasang Script Lazy Load Images di Blog
Bagaimana mudah bukan membuatnya? Demikianlah artikel kali ini semoga bermanfaat dan apabila ada yang ingin ditanyakan silahkan komentar saja di bawah ya!!
Menambahkan background gambar di blog memang bisa membuat blog sedikit lambat, tetapi untuk mengatasi masalah tersebut bisa kita atasi dengan cara meng-kompress gambar yang semula ukuran gambarnya ratusan KB bahkan MB, kini kita jadikan puluhan kb saja.
Membuat background di blog kali ini hanya akan bekerja di tampilan Desktop (PC) saja, untuk tampilan mobile tidak muncul. Disini kita hanya menggunakan kode CSS saja dan pastinya mmebuat ringan.
Memasang background di blog memang bisa membuat blog memiliki tampilan keren dan menarik, apalagi jika menggunakan gambar anime pasti jauh lebih keren lagi. Nah, dari pada berlama-lama mari kita langsung mulai saja ke tahap pemasangannya! cekidot!
Cara Membuat Background Blog dengan Gambar
1. Pertama, anda silahkan login ke blogger.com
2. Kemudian Pada Dashboard pilih Tema > Edit HTML
3. Cari kode </style>
4. Jika sudah ketemu copy dan pastekan kode dibawah ini tepat diatas.
body {background-image: url(URL_GAMBAR),url(URL_GAMBAR) !important;background-repeat: no-repeat !important;background-attachment: fixed !important;background-position: bottom left,bottom right !important;background-size: auto auto, auto auto !important;}
5. Silahkan isi URL_GAMBAR dengan gambar yang ingin anda gunakan.6. Jika sudah klik simpan dan lihat hasilnya!!
7. Selesai!
Untuk melakukan kompress gambar anda bisa pergi ke website ILoveImg. Usahakan gambar anda hanya puluhan KB saja supaya lebih cepat. Supaya lebih baik anda dapat memasang Script Lazy Load Images di blog supaya semua gambar di blog sobat makin cepat.
Baca Juga: Cara Memasang Script Lazy Load Images di Blog
Bagaimana mudah bukan membuatnya? Demikianlah artikel kali ini semoga bermanfaat dan apabila ada yang ingin ditanyakan silahkan komentar saja di bawah ya!!
0 komentar