Membuat tampilan blog semakin menarik itu penting, semoga pengunjung situs setia Anda tidak bosan ketika sedang membaca artikel Anda.
Banyak sekali cara untuk menciptakan tampilan blog atau website menjadi semakin menarik, salah satunya adalah dengan mengganti gambar background blog Anda.
Berbeda dengan tutorial pada umumnya, biasanya background blog di ganti dengan warna flat atau warna gradasi bahkan dengan memakai gambar.
Pada kesempatan kali ini aku akan menciptakan tutorial mengubah gambar background di blogger dengan gambar random atau secara acak berganti-ganti apabila halaman di refresh atau di reload.
Tetapi sebelum itu perlu aku ingatkan kembali bahwa dengan memakai background gambar kemungkinan blog Anda akan mengalami loading yang lebih usang dari sebelumnya.
Baca juga: Cara Mengganti Background Blog Dengan Gambar
Apalagi ini dengan menambahkan fungsi javascript untuk mengganti gambar background blog secara random, tentunya akan menambah request dan size pada ketika loading atau ketika halaman blog Anda di muat.
Tapi apabila Anda ingin menciptakan blog Anda terlihat lebih anggun apa salahnya mencoba mengubah gambar background blogger secara random ini.
Baca juga: Cara Membuat Efek Salju Berjatuhan di Blog
Cara Memasang Gambar Background Random di Blog
Sebelum memasang gambar background secara acak di blog memakai javascript, lebih baik cek dulu demonya dengan mengklik tombol di bawah ini:Jika Anda tertarik ingin memasang gambar background blog berganti-ganti secara acak menyerupai itu, silahkan ikuti tutorialnya di bawah ini.
1. Masuk ke Blogger.com
2. Lalu masuk ke bab Tema > Edit HTML
3. Kemudian Copy dan Paste arahan ini di atas arahan
</body><script type='text/javascript'> //<![CDATA[ var Background=new Array;Background[0]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1myROprJfkjGnmvP-K5vdWhQuBxhnPCLHoZyAnS6gxIOaznXrSr-ODKzZxib_nM1AbtSjrpd6OZJ6chZ8aEoSCCqeoYjGUfQzEz-R31TVD0JFJ2ryjMQ_r1bm-wKvYPa_GLnRJ1gpgIK4/s320/background+1.jpg') no-repeat top center fixed",Background[1]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi79abtK8iH-ntW8KLXrjoa_iCdcZDsbcZI6bK5JdSm-kT1Uy4ZuMP_wUNHek0MEzKrRZZkTIRGC2MguveDTX5iMvl7THrFseutiU1av0c7kb3ysYjlmv8UYOpXoGZCgzS_zgBfjU-ORqqm/s320/background+2.jpg') no-repeat top center fixed",Background[2]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy3TfaUiCr05-3yDTX_uwsHBCkZzeMPwnt60A8H0g3WRkKsTiIQOjyggpaTU49-fTVc-sKUoHmeXxiRCexXsC5OheXxoBn50CjXSs4BMYbXsO8HswmuIINpir9owZ9McLahfwhmfIe1CZy/s320/background+3.jpg') no-repeat top center fixed",Background[3]="#f5f5f5 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2UHcGcAOmFCylrJFKRviK8khXW44dtBOZIVX3TluMEkg-ZBomr106_i2Y3CgUbZOhaY4YPnm6e3Q2zutOSupkOWXCAv7Iz2tPpeZCHe6O4HShZgoKeYpmfdFzxv9UW8yGkKtooTld3YGu/s320/background+4.jpg') no-repeat top center fixed";var random=Math.floor(4*Math.random());document.write("<style>"),document.write("body {"),document.write("background: "+Background[random]+";"),document.write("background-size:100%;"),document.write(" }"),document.write("</style>"); //]]> </script>4. Klik Simpan tema
Catatan:
- Silahkan ganti URL gambar di atas dengan gambar yang Anda inginkan.
- Gambar sanggup lebih dari 4 atau kurang dari 4, silahkan ubah kodenya atau kontak kami.
Situs Yang Menyediakan Gambar Gratis
Saya akan bantu sedikit untuk merekomendasikan situs yang sanggup Anda gunakan untuk mencari gambar background yang cocok dengan blog atau website Anda.Selain itu situs atau website ini juga menyediakan gambar gratis yang sanggup Anda gunakan untuk kepentingan Anda sendiri bahkan untuk komersil juga.
Berikut ini beberapa situs web yang menyediakan gambar gratis:
- pixabay.com - Lebih dari 1,5 juta gambar tersedia secara gratis di sini bahkan sanggup dipakai untuk kebutuhan komersil.
- unsplash.com - Banyak kategori foto dan gambar yang sangat bagus yang sanggup Anda gunakan secara gratis.
- freepik.com - Disini tersedia banyak sekali macam foto dan gambar desain vektor dengan format AI dan PSD.
Itulah artikel mengenai cara memasang gambar background random di blogger, selamat mencoba. Semoga bermanfaat. Sumber https://www.caramanual.com/