Cara Menambahkan Gambar Latar Belakang di Blog Blogger

//lh4.googleusercontent.com/-eAXyxy2JJKA/AAAAAAAAAAI/AAAAAAAAGS4/OHgzqHzCvtQ/s512-c/photo.jpg
August 24, 2017

Apakah Anda bosan dengan blog Anda dan ingin membuatnya terlihat lebih menarik dengan menambahkan gambar Latar Belakang ke situs Blogger Anda? Gambar latar belakang dapat dipandang sebagai bantuan berharga untuk membuat situs web Anda terlihat lebih menarik dan menyenangkan bagi pengguna Anda. Hari ini di artikel ini, kita akan mengajarkan cara menambahkan gambar latar ke situs blogger anda dengan mudah.

Secara default, Blogger menambahkan beberapa ID DIV dan kelas untuk menulis kode CSS yang berbeda ke seluruh Elemen HTML yang berbeda di situs WordPress Anda. Anda dapat dengan mudah menambahkan latar belakang kustom ke posting, halaman, arsip, atau homepage situs blogger Anda yang spesifik.

Namun, jika Anda ingin mengubah gambar latar dari situs blogger lengkap Anda maka masuklah ke Blogger >> Theme >> Edit HTML. Sekarang cari tag kulit, dan tepat di atasnya paste kode berikut ini:

body {
    background-image: url(http://example.com/images/your-background-image.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Pada kode di atas, ubah URL gambar latar belakang ke gambar yang ingin Anda lihat sebagai gambar latar belakang blog Anda. Setelah melakukan semua perubahan, tekan tombol "Simpan Tema".

Berikut adalah beberapa Blogger yang menghasilkan kode CSS yang dapat Anda gunakan untuk menambahkan gambar latar belakang yang berbeda ke halaman tertentu di blogger:

Untuk Semua Post:
body.item {
    background-image: url(Your-Background-Image-URL-Here);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Untuk Semua Halaman:
body.static_page {
    background-image: url(Your-Background-Image-URL-Here);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Untuk Semua Archive
body.archive {
    background-image: url(Your-Background-Image-URL-Here);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Kami percaya artikel ini akan membantu Anda dalam mempelajari cara menambahkan gambar latar di Blogger. Jika artikel ini telah membantu Anda, Sekian share kali ini semoga apa yang saya share bisa bermanfaat Wassalam😄


Artikel Menarik Lainnya

SUBSCRIBE TO OUR NEWSLETTER