ដាក់ Color Background មានចលនាសម្រាប់ Blogger

ចលនាផ្លាស់ប្តូរពណ៌ផ្ទៃខាងក្រោយសម្រាប់ Blogger ថ្ងៃនេះខ្ញុំនឹងបង្ហាញអ្នកអំពីរបៀបអាចធ្វើការផ្លាស់ប្តូរផ្ទៃខាងក្រោយ (Background)​ប្លុង​របស់អ្នកទៅពណ៌ផ្សេងគ្នាដោយមានចលនាដោយការប្រើ keyframes CSS ។ដូច្នេះដើម្បីបន្ថែមផ្ទៃខាងក្រោយមានចលនានេះនៅក្នុងកំណត់ហេតុបណ្ដាញ / វែបសាយរបស់អ្នកតាមជំហានខាងក្រោម។
អ្នកអាចធ្វើការ Remove កូដដែលមានស្រាប់កូដផ្ទៃខាងក្រោយដែលមានស្រាប់ដើម្បីចៀសវាងជម្លោះណាមួយនៅក្នុងរវាងនិងកាត់បន្ថយកូដហួសហេតុ។ ដើម្បើស្វែងរកកូដ CSS ក្នុងកំណត់ហេតុបណ្ដាញរបស់អ្នកដើម្បើ Remove។
សូមស្វែងរកកូដ body  ដែលមានពាក្យ Background​ ។

1. ដើម្បើេេបន្ថែមកូដ
2.   ឥឡូវនេះយើងបន្ថែមកូដចលនានេះនៅ  template. កំណត់ហេតុបណ្ដាញនេះ។
3. ស្វែងរកកូដ  ]]></b:skin> ​ បិទភ្ជាប់ខាងក្រោមនៃកូដនេះ  ]]></b:skin> ។
4.  ចម្លងកូដនេះ បិទភ្ជាប់ៈ

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; }
}

1.  សូមចុចលើ  Save button.។
2. ជាការស្រាចមិនមានអីពិបាកទេ ខ្ញុំសង្ឃឹមថាអ្នកនឹងធ្វើបានដោយជោគជ័យ Play learns និងខិតខំស្វែងរកនូវអ្វើដែលថ្មីៗមកប្រែជាភាសារខ្មែរដើម្បើងាយស្រួលដល់ការរចនាប្លុក៕