Cara Memasang Perubahan Warna Background Otomatis

Perubahan Warna Background Otomatis di Blog ? "gak pernah denger ya ?" hehe,maksud Saya hari ini saya akan membagikan Tutorial bagaimana cara membuat background blog kita berubah warna setiap detiknya secara otomatis,seperti gambar dibawah ini

Seperti gambar diatas,ada warna yang berubah dengan cepat,tapi tenang karena ini masalah dengan .gif background yang akan kita pasang tidak akan berubah warna dengan cepat seperti gambar diatas.

Tertarik untuk memasang ? Silahkan lihat dibawah

Cara Memasang Perubahan Warna Background Otomatis

1.Buka Blogger
2.Setelah itu masuk ke Template lalu klik Edit HTML
3.Tekan CTRL + F untuk mencari,dan cari kode ]]></b:skin>
4.Jika sudah ketemu,copy kode dibawah,dan letakan tepat diatas ]]></b:skin>

body {
animation: colorBackground 22s infinite; 
-webkit-animation: colorBackground 22s infinite; 
-moz-animation: colorBackground 22s infinite; 
-o-animation: colorBackground 22s infinite; 
}

@keyframes colorBackground {
0% { background-color: #B461FB; color: #B461FB; }
20% { background-color: #74E588; color: #74E588; }
40% { background-color: #F98585; color: #F98585; }
60% { background-color: #50BFE1; color: #50BFE1; }
80% { background-color: #4256EF; color: #4256EF; }
100% { background-color: #B461FB; color: #B461FB; }
}
@-webkit-keyframes colorBackground {
0% {background-color: #B461FB; color: #B461FB;}
20% {background-color: #74E588; color: #74E588;}
40% {background-color: #F98585; color: #F98585;}
60% {background-color: #50BFE1; color: #50BFE1;}
80% {background-color: #4256EF; color: #4256EF;}
100% {background-color: #B461FB; color: #B461FB;}
}
@-moz-keyframes colorBackground {
0% {background-color: #B461FB; color: #B461FB;}
20% {background-color: #74E588; color: #74E588;}
40% {background-color: #F98585; color: #F98585;}
60% {background-color: #50BFE1; color: #50BFE1;}
80% {background-color: #4256EF; color: #4256EF;}
100% {background-color: #B461FB; color: #B461FB;}
}
@-o-keyframes colorBackground {
0% {background-color: #B461FB; color: #B461FB;}
20% {background-color: #74E588; color: #74E588;}
40% {background-color: #F98585; color: #F98585;}
60% {background-color: #50BFE1; color: #50BFE1;}
80% {background-color: #4256EF; color: #4256EF;}
100% {background-color: #B461FB; color: #B461FB;}
}

5.Setelah itu silahkan Simpan Template dan cek blog anda masing masing

Background Blog anda akan berubah warna secara otomatis
bloggerspice
Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda