Dekorasi website Anda dengan warna menarik selalu menjadi prioritas pertama dari seorang blogger. karena dengan tampilan yang enak di pandang dan rapi para pengunjung akan betah. Ini adalah alasan, mengapa orang selalu lebih memilih template dan tema Profesional untuk situs web mereka. tidak ada salahnya untuk menambahkan bebersapa modifikasi sebagai penambah manis. Sebelumnya saya pernah mendapati sebuah blog yang warna bacground berganti secara acak, hari ini di artikel ini, saya akan menunjukkan Cara untuk membuat pergantian warna background blog Anda secara acak dengan jQuery di Blogger.
Hal pertama yang perlu Anda lakukan adalah menambahkan file JavaScript ke template Anda.
Buka Blogger.com >> Blog Anda >> Template >> Edit HTML >>
Sekarang dalam template, cari kode tag berakhir </ head> .
Setelah menemukan akhir tag
</ head> paste coding JavaScript berikut di atasnya dan Simpan Perubahan.
<script>
$(function() {
function randomColor() {
return 'rgb('+Math.round(Math.random()*255)+', '+Math.round(Math.random()*255)+', '+Math.round(Math.random()*255)+')'
}
$('body').each(function(i) {
$(this).css('background', randomColor());
});
});
</script>
Sekarang, setiap kali Anda atau orang lain akan menavigasi situs Anda pada setiap halaman maka akan telihat warna latar belakang yang berbeda. Warna akan terus berputar otomatis, sampai/kecuali Anda menghapus script dari template.
Semoga berguna....
Belum ada tanggapan untuk "Background berganti otomatis dengan jQuery"
Post a Comment