1 Cara Mengubah Warna Background gonta ganti secara otomatis pada blogger

Blogger adalah tempat terbaik untuk menunjukkan kehadiran online Anda dan berbagi hal-hal dengan dunia. Untuk membuat pengalaman blogger Anda lebih kuat, kita terus posting tutorial blogger pada Elkees Media. Sebelumnya kami telah diposting pada bagaimana meningkatkan facebook suka secara gratis menggunakan JavaScript dan hari ini kita telah kembali datang dengan sebuah trik blogger terbaru yang akan membantu Anda untuk menunjukkan warna latar belakang yang berbeda untuk blog blogger dalam setiap menit secara otomatis.

Memberikan tampilan segar untuk pengunjung website Anda setiap kali mereka mengunjungi dengan menunjukkan warna latar belakang keren. Trik JavaScript ini akan membantu Anda dalam mengubah warna latar belakang secara otomatis. Trik ini tidak akan mempengaruhi kecepatan halaman blog Anda. Itu hanya menambahkan baru kode warna HEX setiap kali pengunjung menyegarkan blog Anda dan warna yang dipilih secara acak sebagai warna latar belakang. Jadi jika Anda ingin menambahkan trik keren ini di blog Anda untuk memberikan tampilan yang bagus untuk blog Anda dengan warna latar belakang, cukup ikuti langkah-langkah berikut.
Mengubah Warna Background di Blogger otomatis

Pertama, Anda harus menghapus kode warna latar belakang yang ada untuk menghindari konflik. Cukup mencari pemilih tubuh dari kode CSS dalam template blogger kita. Dalam pencarian untuk properti background, menghapus properti dengan nilai (tidak menghapus Selector tersebut). Lihat di bawah screenshot untuk mengetahui apa pemilih, nilai-nilai dan properti yang dalam kode CSS.

Setelah mengeluarkan kode warna latar belakang yang ada, tambahkan saja kode animasi ke dalam file HTML blogger template untuk menambahkan warna latar belakang. Cukup ikuti langkah-langkah berikut:

1. Login ke Blogger => Pergi ke Template => klik Edit HTML.

Kami sarankan Anda untuk mengambil cadangan dari template blog Anda, sebelum melanjutkan

. 2 Cari ]]> </ b: skin> <dengan menekan Ctrl + F.

3. Cukup salin kode di bawah ini dan paste tepat di atas / sebelum tag dicari.

body { animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */ -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */ -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */ -o-animation: colorBackground 20s infinite; /* Opera 12.00 */ } @keyframes colorBackground { 0% { background-color: #fbcf61; color: #fbcf61; } 20% { background-color: #6bd57e; color: #6bd57e; } 40% { background-color: #ff6f6f; color: #ff6f6f; } 60% { background-color: #57cff4; color: #57cff4; } 80% { background-color: #0ed4c8; color: #0ed4c8; } 100% { background-color: #fbcf61; color: #fbcf61; } } @-webkit-keyframes colorBackground { 0% { background-color: #fbcf61; color: #fbcf61; } 20% { background-color: #6bd57e; color: #6bd57e; } 40% { background-color: #ff6f6f; color: #ff6f6f; } 60% { background-color: #57cff4; color: #57cff4; } 80% { background-color: #0ed4c8; color: #0ed4c8; } 100% { background-color: #fbcf61; color: #fbcf61; } } @-moz-keyframes colorBackground { 0% { background-color: #fbcf61; color: #fbcf61; } 20% { background-color: #6bd57e; color: #6bd57e; } 40% { background-color: #ff6f6f; color: #ff6f6f; } 60% { background-color: #57cff4; color: #57cff4; } 80% { background-color: #0ed4c8; color: #0ed4c8; } 100% { background-color: #fbcf61; color: #fbcf61; } } @-o-keyframes colorBackground { 0% { background-color: #fbcf61; color: #fbcf61; } 20% { background-color: #6bd57e; color: #6bd57e; } 40% { background-color: #ff6f6f; color: #ff6f6f; } 60% { background-color: #57cff4; color: #57cff4; } 80% { background-color: #0ed4c8; color: #0ed4c8; } 100% { background-color: #fbcf61; color: #fbcf61; } }

4. Whoo! Itu semua dilakukan. Sekarang Simpan perubahan dan refresh blog Anda. Sekarang setiap pengunjung di blog Anda, bisa melihat warna background animasi. Jika Anda menyukai pekerjaan Anda, silakan lakukan komentar.