Cara Memasang Random Background Di Blogger
Kali ini aku akan menyebarkan tutorial cara menciptakan background blog sanggup berubah secara otomatis. Untuk membuatnya tidak terlalu sulit, teman hanya menambahkan script atau aba-aba di template blogger. Namun, script atau aba-aba ini sanggup memperlambat kecepatan loading blog.
Cara kerja script atau aba-aba ini yakni merubah gambar background halaman blog setiap kali halaman blog di refresh. Sehingga blog teman mempunyai tampilan yang dinamis alasannya yakni background nya sanggup berubah-ubah dengan sendirinya ketika pengunjung membuka halaman gres atau merefresh halaman.
Yosh, jikalau teman ingin tau dan ingin mencobanya, silahkan ikuti langkah-langkah berikut ini.
Cara Memasang Random Background di Blogger
Pertama, buka Blogger, selanjutnya buka sajian Tema kemudian klik Edit HTML. Silahkan teman letakkan aba-aba dibawah ini sebelum aba-aba </body>
<script type='text/javascript'> //<![CDATA[ var Background=new Array; Background[0]="#f5f5f5 url('ImageURL') no-repeat top center fixed", Background[1]="#f5f5f5 url('ImageURL') no-repeat top center fixed", Background[2]="#f5f5f5 url('ImageURL') no-repeat top center fixed", Background[3]="#f5f5f5 url('ImageURL') no-repeat top center fixed", Background[4]="#f5f5f5 url('ImageURL') no-repeat top center fixed"; var random=Math.floor(5*Math.random()); document.write("<style>"), document.write("body {"), document.write("background: "+Background[random]+";"), document.write("background-size:100%;"),document.write(" }"), document.write("</style>"); //]]> </script>Silahkan teman ganti aba-aba ImageURL dengan url gambar yang telah teman siapkan, pastikan gambar kualitas Hd semoga tidak blur atau paecah-pecah ketika dipasang.
Jika teman ingin yang lebih mudah dan tidak mau ribet harus memasang gambar atau teman tidak mempunyai gambar Hd yang cocok, silahkan gunakan aba-aba di bawah ini.
<script type='text/javascript'> //<![CDATA[ var Background=new Array; Background[0]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusOK8LdRhbO2QA_rT9nV7Up1dHJ0mACHDen0i2hd4TmatEfvy7TNmUV63sGyeaDji9nFedR0buFMlrB-SFmRQucH0HaiPOlXsEneCHZAOjMmCviAC-HbgpWk-BezzbSgXZjkYKv95ZcQ/s1600/garrett-parker-247225-unsplash.jpg') no-repeat top center fixed", Background[1]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwOmGzQGpGWGnB754VhBHBqjBij3YeGfbh7_3MyMLouQCYqkE7hjFDaM23FeF0bdDtnmsPEY0EKduoQ0F8PZ2_hPPRnTdM3Xuc0mpO9y9hxjYiZ109imaxFovMo0wlBmMCkZaAQpN8yNw/s1600/brandon-lam-29892-unsplash.jpg') no-repeat top center fixed", Background[2]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySDNVLqoQFZvAXRKhTrpL03n7ZgZlAe7vDpQZKe10T-D4Ya2Im6_M8ypMr-zAgmM51isFZgxAyQYtvtPoL6ytUtoazR_s9RgzSRVX6VXZHlWhppmZSFmfo6BNZ6XDuGbqAy4PFNKUUx0/s1600/john-towner-154060-unsplash.jpg') no-repeat top center fixed", Background[3]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz-vIv6QwDRrI7WBIlEjBEXHSxt3VCaF3sKZUVVcbW4dMVuOYZIqnvR_UO6sTv3jCHbYzFaU3meYNNWB0PAqJ7OBMa8OhWWt5UUuh5ZYKoc2IfxpD0ySvB6LTnZQfF24U_3HoM2BSdM2s/s1600/kalen-emsley-98264-unsplash.jpg') no-repeat top center fixed", Background[4]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqjO1ohqQFyQ1A0suj5Zoge6tVgY1Jg0JVRQgbFScJ_WNbPUEVNaT6-PNItXXgkUKfIore1VrnyNSClgStm9tWnRseY_UadLyLZGFXDHSGkwoj0BeCAAtnDxxbgjB0bDWa7FjMQVIakI/s1600/samsommer-76472-unsplash.jpg') no-repeat top center fixed"; var random=Math.floor(5*Math.random()); document.write("<style>"), document.write("body {"), document.write("background: "+Background[random]+";"), document.write("background-size:100%;"),document.write(" }"), document.write("</style>"); //]]> </script>Jika sudah si lahkan klik Simpan Tema dan lihat hasilnya.
Sekian Cara Memasang Random Background di Blogger, semoga sanggup bermanfaat dan terima kasih telah berkunjung. Sumber https://www.denylistianto.com/