Cara Mudah Menambahkan Gambar Latar Belakang di Blog Blogger
April 27, 2019
Add Comment
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 dilihat sebagai bantuan yang berharga untuk membuat situs web Anda terlihat lebih menarik dan menyenangkan bagi pengguna Anda. Hari ini di artikel ini, kami akan mengajarkan cara menambahkan gambar latar belakang ke situs blogger Anda dengan mudah.
Secara default, Blogger menambahkan beberapa DIV ID dan kelas untuk menulis kode CSS yang berbeda di seluruh Elemen HTML yang berbeda di situs WordPress Anda. Anda dapat dengan mudah menambahkan latar belakang khusus ke posting, halaman, arsip tertentu, atau bahkan beranda situs blogger Anda.
Baca Juga
Namun, jika Anda ingin mengubah gambar latar belakang dari situs blogger lengkap Anda, pergi ke Blogger >> Tema >> Edit HTML. Sekarang cari skin tag, dan tepat di atasnya tempel kode berikut:
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;
}
background-image: url(http://example.com/images/your-background-image.png);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
Pada kode di atas, ubah URL gambar latar belakang menjadi URL yang ingin Anda lihat sebagai gambar latar belakang blog Anda. Setelah melakukan semua perubahan, tekan tombol "Simpan Tema".
Berikut adalah beberapa kode CSS yang dibuat Blogger yang dapat Anda gunakan untuk menambahkan gambar latar belakang yang berbeda ke halaman tertentu di blogger:
Untuk Semua Posting
body.item {
background-image: url(Your-Background-Image-URL-Here);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
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;
}
background-image: url(Your-Background-Image-URL-Here);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
Untuk Semua Arsip
body.archive {
background-image: url(Your-Background-Image-URL-Here);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
background-image: url(Your-Background-Image-URL-Here);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
0 Response to "Cara Mudah Menambahkan Gambar Latar Belakang di Blog Blogger"
Post a Comment
Berikan Komentar Anda di Bawah Ini Sesuai Dengan Isi Artikel di Atas !