Cara Memasang Gambar Background Random di Blogger

Cara Memasang Gambar Background Random di Blogger

Membuat tampilan blog semakin menarik itu penting, agar pengunjung situs setia Anda tidak bosan ketika sedang membaca artikel Anda.

Banyak sekali cara untuk membuat tampilan blog atau website menjadi semakin menarik, salah satunya yaitu dengan mengganti gambar background blog Anda.

Berbeda dengan tutorial pada umumnya, biasanya background blog di ganti dengan warna flat atau warna gradasi bahkan dengan menggunakan gambar.

Pada kesempatan kali ini saya akan membuat 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 saya ingatkan kembali bahwa dengan menggunakan background gambar kemungkinan blog Anda akan mengalami loading yang lebih lama 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 saat loading atau ketika halaman blog Anda di muat.

Tapi apabila Anda ingin membuat blog Anda terlihat lebih cantik 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 menggunakan javascript, lebih baik cek dulu demonya dengan mengklik tombol di bawah ini:


Jika Anda tertarik ingin memasang gambar background blog berganti-ganti secara acak seperti itu, silahkan ikuti tutorialnya di bawah ini.

1. Masuk ke Blogger.com
2. Lalu masuk ke bagian Tema > Edit HTML
3. Kemudian Copy dan Paste kode ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
var Background=new Array;Background[0]="#f5f5f5 url('https://1.bp.blogspot.com/-Vb2jzLkkeB0/W-uPL05UN2I/AAAAAAAAHLY/Wg2PFESPjOkjEIr0BGjT5N51kWg3SHO-QCLcBGAs/s320/background%2B1.jpg') no-repeat top center fixed",Background[1]="#f5f5f5 url('https://1.bp.blogspot.com/-biufA2HFHVo/W-uPLiIpZWI/AAAAAAAAHLU/nuhIkdEHXvchsvdyp_4uacDBaNIkH2VCgCLcBGAs/s320/background%2B2.jpg') no-repeat top center fixed",Background[2]="#f5f5f5 url('https://1.bp.blogspot.com/-Af-oe9q1kQo/W-uPLx2qlFI/AAAAAAAAHLc/DkZPwegM51wP1lRhE3nX3JWUnmZbuGp0wCLcBGAs/s320/background%2B3.jpg') no-repeat top center fixed",Background[3]="#f5f5f5 url('https://1.bp.blogspot.com/-Xg-yRiuI7ns/W-uPNRZwxzI/AAAAAAAAHLg/NZnhxDs2B7kN3Umy5h8OJvMZi0Qu3E-vwCLcBGAs/s320/background%2B4.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 bisa 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 bisa Anda gunakan untuk mencari gambar background yang cocok dengan blog atau website Anda.

Selain itu situs atau website ini juga menyediakan gambar gratis yang bisa 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 dapat digunakan untuk kebutuhan komersil.
  • unsplash.com - Banyak kategori foto dan gambar yang sangat bagus yang dapat Anda gunakan secara gratis.
  • freepik.com - Disini tersedia berbagai 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.

Related Posts

Berlangganan update artikel terbaru via email:

0 Response to "Cara Memasang Gambar Background Random di Blogger"

Post a Comment

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel